Lovable 통합: 도구, MCP 서버 및 API 연결
Lovable을 외부 도구, MCP 서버 및 API에 연결하세요. 앱 기능을 추가하고, 실제 데이터를 컨텍스트로 사용하고, 타사 서비스를 안전하게 통합하세요.
Lovable 통합을 통해 앱을 외부 도구, MCP 서버 및 API에 연결하여 기능을 추가하고, 실제 데이터를 컨텍스트로 사용하고, 타사 서비스를 안전하게 통합할 수 있습니다.
Lovable을 사용하면 다음을 통합할 수 있습니다
- 공유 커넥터로 배포된 앱에 기능 추가
- **개인 커넥터 (MCP 서버)**로 앱 생성 중 컨텍스트 제공
- 모든 API로 커스텀 기능 구현
Lovable 통합 개요
| 카테고리 | 목적 | 예시 |
|---|---|---|
| 공유 커넥터 | 배포된 앱이 호출할 수 있는 기능과 외부 서비스를 추가합니다. 관리자가 한 번 구성하면 워크스페이스의 모든 사람이 사용할 수 있습니다. | Lovable Cloud, Lovable AI, GitLab, Stripe, Shopify, Firecrawl |
| 개인 커넥터 (MCP 서버) | 빌드하는 동안 컨텍스트를 제공하기 위해 개인 도구 계정을 연결합니다. 본인만 연결에 접근할 수 있습니다. | Linear, Notion, Miro, 모든 커스텀 MCP 서버 |
| 모든 API | 배포된 앱에 커스텀 기능이 필요할 때 Lovable에 내장되지 않은 커스텀 또는 타사 API를 통합합니다 | 모든 API |
API란 무엇인가요?
API (Application Programming Interface)는 서비스나 애플리케이션이 서로 통신하고 데이터를 공유하는 구조화된 방법입니다. 무엇을 요청할 수 있는지, 무엇을 돌려받을지, 요청을 어떻게 하는지를 정의합니다.
공유 커넥터: 배포된 앱에 기능 추가
공유 커넥터는 Lovable 앱의 기능을 확장하는 가장 쉬운 방법입니다. 앱이 작업을 수행하거나 데이터를 가져와야 할 때마다 호출할 수 있는 플러그인처럼 작동합니다.
공유 커넥터는 배포된 앱이 운영 기능을 얻기 위해 외부 서비스와 상호 작용해야 할 때 이상적입니다.
개요 및 사용 사례
- Lovable Cloud: 내장 백엔드 서비스, 인증, 데이터베이스 및 풀스택 호스팅 제공
- Lovable AI: 고급 AI 기능으로 앱 강화
- Aikido: AI 기반 펜테스트로 앱의 악용 가능한 취약점을 테스트하고 보안 보고서 생성
- ElevenLabs: 오디오 및 텍스트 음성 변환 생성
- Firecrawl: 웹사이트 콘텐츠 스크래핑, 크롤링 및 추출
- GitLab: GitLab.com 또는 GitLab Self-Managed로 코드 백업, 동기화 및 협업
- Perplexity: 질문에 답하고 웹 기반 리서치 수행
- Resend: 앱 워크플로우에서 트랜잭션 및 마케팅 이메일 전송
- Shopify: 이커머스 운영 관리
- Slack: 알림 전송, 채널 읽기, 업데이트 게시
- Stripe: 결제 또는 구독 처리
- Supabase: 사용자 인증 및 데이터 저장
- Telegram: 봇을 통한 메시지 전송 및 명령 수신
- Twilio: SMS/MMS 메시지 전송, 음성 통화 및 전화 기반 커뮤니케이션 플로우 추가
인증, 데이터베이스, 스토리지와 같은 백엔드 기능이 필요할 때는 내장 풀스택 호스팅 플랫폼인 Lovable Cloud를 사용하세요.
주요 특징
공유 커넥터는 프로젝트 전반에 걸쳐 재사용 가능한 앱 기능을 제공하는 워크스페이스 수준의 통합입니다.
- Settings → Connectors → Shared connectors에서 관리
- 워크스페이스 수준에서 한 번 구성
- 워크스페이스의 모든 사람이 사용 가능하고 모든 프로젝트에서 재사용 가능
- 앱이 사용 중에 호출할 수 있는 기능적 capabilities 제공
Business 및 Enterprise 플랜에서 워크스페이스 관리자와 소유자는 워크스페이스에 대한 공유 커넥터 가용성을 관리할 수 있습니다
- Settings → Connectors → Shared connectors에서 커넥터 설정(톱니바퀴 아이콘)을 사용하여 특정 공유 커넥터를 활성화하거나 비활성화
Lovable Cloud는 워크스페이스에서 비활성화할 수 없습니다.
게이트웨이 기반 커넥터
일부 공유 커넥터는 Lovable 앱과 타사 서비스 사이에 보안 게이트웨이를 사용합니다 (예: Slack).
게이트웨이 기반 커넥터에서는
-
인증이 자동으로 처리됩니다
게이트웨이가 OAuth를 관리하고 만료되는 토큰을 백그라운드에서 갱신하므로, 한 번 연결하면 수동 재인증 없이 통합이 계속 작동합니다.
-
자격 증명이 프로젝트에 노출되지 않습니다
토큰은 게이트웨이에 안전하게 저장되며 프로젝트 설정에서 보이지 않고 워크스페이스 관리자도 접근할 수 없습니다. 앱은 단순히 커넥터를 호출하고 인증은 뒤에서 처리됩니다.
-
프로젝트별 사용량 제한이 있습니다
게이트웨이 커넥터는 프로젝트당 커넥터당 분당 최대 1,000건의 요청을 허용합니다. 각 프로젝트는 독립적인 제한을 가지므로 한 프로젝트의 사용량이 다른 프로젝트에 영향을 주지 않습니다. 대부분의 앱은 이 한도에 근접하지 않지만, 대량 자동화나 빈번한 백그라운드 작업을 빌드하는 경우 이 제한을 염두에 두고 설계해야 합니다.
다른 공유 커넥터는 서비스에 따라 다른 인증 모델을 사용할 수 있습니다. 일부는 API 키를 사용하여 직접 연결하고, 다른 일부는 Lovable에서 완전히 관리합니다. 게이트웨이 모델은 보안 토큰 처리와 자동 갱신이 필요한 OAuth 기반 서비스에 특화되어 있습니다.
개인 커넥터: 앱 생성 중 컨텍스트 제공
개인 커넥터 (MCP 서버)는 앱 생성 중 Lovable Agent가 내부 도구와 콘텐츠에 접근할 수 있게 합니다. agent가 실제 워크플로우를 반영하는 앱을 빌드할 수 있도록 컨텍스트를 제공합니다.
앱이 조직에서 이미 사용하는 실제 콘텐츠를 기반으로 생성되어야 할 때 개인 커넥터를 사용하세요.
개요 및 사용 사례
- Amplitude: 제품 분석 및 피드백을 사용하여 앱 결정에 반영
- Atlassian (Jira 및 Confluence): 티켓, 로드맵 및 문서와 연계
- Confidence: 피처 플래그 평가, 실험 결과 접근, 앱 동작에 실험 로직 통합
- Granola: 미팅 노트, 의사결정 및 액션 아이템을 스펙과 작업으로 변환
- Hex: 노트북과 데이터 워크플로우를 사용하여 실제 분석에 기반한 앱 빌드
- Linear: 이슈와 스펙을 가져와 기능 생성
- Miro: Miro 보드와 다이어그램에 접근하여 인터랙티브 프로토타입 생성
- Notion: 문서와 페이지를 참조하여 앱 동작 안내
- n8n: 기존 자동화 워크플로우 미러링 또는 연결
- Polar: 결제, 제품 및 구독 데이터를 사용하여 SaaS 앱 스캐폴딩
- PostHog: 제품 분석 및 사용자 행동 인사이트를 사용하여 기능과 플로우에 반영
- Sanity: CMS 콘텐츠와 스키마에 접근하여 콘텐츠 기반 앱 빌드
- 커스텀 MCP 서버: 내부 또는 타사 시스템 연결
주요 특징
개인 커넥터는 빌드하는 동안 컨텍스트를 제공하기 위해 개인 도구를 연결합니다 (앱 기능이 아님).
- Settings → Connectors → Personal connectors에서 관리
- 사용자별 연결로, 본인만 연결에 접근하고 관리 가능
- 다른 워크스페이스 멤버와 공유되지 않음
- 배포된 앱에 포함되지 않음
Business 및 Enterprise 플랜에서 워크스페이스 관리자와 소유자는 워크스페이스에 대한 개인 커넥터 가용성을 관리할 수 있습니다
- Settings → Privacy & security에서 모든 MCP 서버 접근을 활성화하거나 비활성화
- Settings → Connectors → Personal connectors에서 커넥터 설정(톱니바퀴 아이콘)을 사용하여 특정 MCP 서버를 활성화하거나 비활성화
Lovable과 모든 API 통합
Lovable은 공개 또는 비공개, 인증된 또는 인증되지 않은 모든 외부 API와 통합할 수 있습니다. 이것은 가장 유연한 통합 유형으로, Lovable이 기본적으로 지원하지 않는 기능을 가져올 수 있습니다.
Lovable에 API 통합을 요청하면 자동으로 올바른 접근 방식을 선택합니다
- API에 인증이 필요 없는 경우, 앱이 API를 직접 호출합니다.
- API에 인증이 필요한 경우, Lovable은 Cloud를 활성화하고 시크릿을 추가하라고 안내하며, 민감한 자격 증명을 보호하기 위해 자동으로 Edge Function을 생성합니다.
인증이 필요 없는 API
API에 자격 증명이 필요 없는 경우 설정이 필요하지 않습니다. Lovable에 API 통합을 요청하기만 하면 됩니다. 예시
Integrate Chuck Norris Jokes: https://api.chucknorris.io/jokes/randomLovable은 키가 필요하지 않음을 감지하고 앱에 직접 기능을 추가합니다.
인증된 API (시크릿 필요)
인증 자격 증명이나 API 키가 필요한 API의 경우, Lovable은 Lovable Cloud를 사용하여 안전하게 통합을 처리합니다. 자격 증명은 연결된 Cloud 프로젝트에 시크릿으로 저장되고 Edge Functions를 통해서만 접근되어 보호됩니다.
설정
- Lovable에 API 통합을 요청하고 주요 세부 정보를 포함합니다
- Endpoint URL 및 HTTP 메서드
- 인증 방법 (API key header, query param, Bearer token, OAuth)
- 필수 헤더 (Content-Type, 커스텀 헤더)
- 요청 및 응답 형식 예시 (JSON, params, bodies)
- OpenAPI 스펙 또는 문서 링크
- Lovable Cloud를 활성화합니다.
- Cloud → Secrets에서 API 키를 추가합니다.
예시
Integrate the OpenWeatherMap API.
Base URL: https://api.openweathermap.org/data/2.5.
Auth: API key passed as a query parameter appid.
I need an endpoint to fetch the current weather: GET /weather?q={city}&units=metric&appid={API_KEY}.
Docs: https://openweathermap.org/currentLovable은 Edge Function과 사용자가 도시를 입력하고 날씨 데이터를 가져올 수 있는 날씨 위젯으로 통합을 생성합니다.