Lovable 통합: 도구, MCP 서버, API 연결

Lovable을 외부 도구, MCP 서버, API에 연결합니다. 앱 기능을 추가하고, 실제 데이터를 컨텍스트로 사용하고, 서드파티 서비스를 안전하게 통합합니다.

Lovable 통합을 사용하면 앱을 외부 도구, MCP 서버, API에 연결하여 기능을 추가하고, 실제 데이터를 컨텍스트로 사용하고, 서드파티 서비스를 안전하게 통합할 수 있습니다.

Lovable에서는 다음을 통합할 수 있습니다:

• 배포된 앱에 기능을 추가하는 앱 커넥터
• 앱 생성 중 컨텍스트를 제공하는 채팅 커넥터(MCP 서버)
• 커스텀 기능을 위한 모든 API

Lovable 통합 개요

앱 커넥터: 게시된 앱에 기능 추가

앱 커넥터는 Lovable 앱의 능력을 확장하는 가장 쉬운 방법입니다. 액션을 수행하거나 데이터를 가져와야 할 때마다 앱이 호출할 수 있는 플러그인처럼 동작합니다.

앱 커넥터는 배포된 앱이 운영 능력을 얻기 위해 외부 서비스와 상호 작용해야 할 때 이상적입니다.

개요 및 사용 사례

• Lovable Cloud: 내장 백엔드 서비스, 인증, 데이터베이스, 풀스택 호스팅 제공
• Lovable AI: 고급 AI 기능으로 앱 강화
• Aikido: AI 기반 침투 테스팅으로 악용 가능한 취약점을 앱에서 테스트하고 보안 보고서 생성
• Airtable: Airtable 데이터 위에 커스텀 인터페이스를 빌드하기 위해 base, table, record 읽고 쓰기
• Algolia: 오타 허용, 랭킹, 검색 분석과 함께 전문 검색, 패싯 필터링, 인덱싱을 앱에 추가
• Asana: 태스크 생성 및 업데이트, 프로젝트 및 팀 데이터 읽기, 작업 추적 워크플로 자동화
• Ashby: Ashby API를 통해 직무, 후보자, 지원, 채용 워크플로 관리
• Attention: Attention의 영업 대화, 트랜스크립트, 스코어카드, 코칭 인사이트로 작업
• AWS Athena: S3의 데이터에 대해 SQL 쿼리 실행, 결과로 대시보드 및 보고서 구동
• AWS S3: Lovable 앱에서 S3 버킷의 CSV, JSON, Parquet 및 기타 데이터 파일 읽고 쓰기
• BigQuery: Workload Identity Federation을 사용해 Google BigQuery에서 데이터셋 쿼리 및 분석 빌드
• Brevo: 트랜잭션 및 마케팅 이메일 보내기, 컨택트 및 리스트 관리, 커뮤니케이션 워크플로 실행
• Calendly: 예약된 이벤트 읽기, 이벤트 유형 목록, 일회용 예약 링크 생성, 초대 대상 관리
• Chargebee: Chargebee에서 고객, 구독, 인보이스, 체크아웃, 청구 워크플로 관리
• Contentful: headless CMS에서 entries, assets, rich text를 포함한 게시된 콘텐츠 가져오기 및 표시
• Databricks: OAuth machine-to-machine 자격 증명으로 SQL 실행 및 Databricks 워크스페이스 API 호출
• ElevenLabs: 오디오 및 text-to-speech 생성
• Firecrawl: 웹사이트 콘텐츠 스크래핑, 크롤링, 추출
• Fireflies: Fireflies.ai에서 미팅 트랜스크립트, 요약, 대화 인텔리전스 읽기
• GatewayAPI: SMS 및 RCS 메시지 보내기, 전달 상태 추적, 인바운드 모바일 메시징 이벤트 받기
• Gemini Enterprise: 연결된 엔터프라이즈 데이터 검색 및 요약, 인용과 함께 grounded 답변 표시, Gemini Enterprise 엔진 위에 검색 또는 채팅 경험 빌드
• Google Maps Platform: Google Maps Platform으로 주소 지오코딩, 경로 계산, 장소 검색, 인터랙티브 지도 임베드
• Google Search Console: 검색 분석 읽기, 검증된 사이트 목록, 사이트맵 관리, 새 도메인 소유권 검증
• Google Workspace: 앱 워크플로에서 이메일 읽기 및 보내기, 캘린더 관리, 파일 저장 및 생성, Sheets, Docs, Slides 사용
• Granola: Granola에서 AI 생성 미팅 노트, 요약, 트랜스크립트 액세스
• HubSpot: HubSpot API를 통해 CRM 컨택트, 회사, 거래, 서비스 데이터로 작업
• Inngest: Inngest 계정으로 durable 백그라운드 작업, 일정, 이벤트 기반 워크플로 실행
• KLIPY: GIF, 스티커, 클립 검색 및 임베드, 앱에서 AI 이모지 생성
• Linear: 이슈 생성 및 업데이트, 프로젝트 및 팀 데이터 읽기, 이슈 추적 워크플로 빌드
• Lexware: Lexware에서 회계 데이터, 컨택트, 인보이스, 견적서, 전표, 이벤트 구독으로 작업
• Lightspeed: Lightspeed Retail X-Series에서 리테일 POS 상품, 재고, 매장, 고객, 판매로 작업
• LinkedIn: 프로필 가져오기 및 표시, 게시물 및 댓글 생성
• Logo.dev: 도메인, 주식 티커, 암호화폐 심볼로 회사 로고를 브라우저에서 직접 표시
• Mailgun: 검증된 도메인에서 트랜잭션 이메일 보내기, bounces, complaints, unsubscribes 같은 전달 이벤트 추적
• Microsoft: Microsoft Graph를 통해 Outlook, Teams, OneDrive, Word, Excel, PowerPoint, OneNote 연결
• Notion: 페이지 읽기 및 쓰기, 데이터베이스 쿼리, Notion 콘텐츠로 지원되는 앱 빌드
• Perplexity: 질문 답변 및 웹 기반 리서치 실행
• Pipedrive: 거래, 사람, 조직, 활동, 리드, 파이프라인 같은 CRM 데이터 관리
• PrestaShop: PrestaShop Webservice에서 이커머스 카탈로그, 주문, 고객, 재고 데이터 읽기 및 관리
• QuickBooks: 고객, 인보이스, 청구서, 결제, 계정, 회사 정보 같은 QuickBooks Online 회계 데이터로 작업
• Replicate: 이미지, 비디오, 오디오, 텍스트 생성을 위한 오픈소스 AI 모델 실행
• Resend: 앱 워크플로에서 트랜잭션 및 마케팅 이메일 보내기
• Salesforce: Accounts, Contacts, Cases, Leads를 포함한 CRM 레코드 쿼리 및 관리
• Semrush: Semrush 계정에서 SEO 데이터, 키워드 리서치, 도메인 분석, backlinks, position tracking 액세스
• Sevdesk: Sevdesk에서 컨택트, 인보이스, 주문, 전표, 부기 워크플로 관리
• Shopify: 이커머스 운영 관리
• Slack: 알림 보내기, 채널 읽기, 업데이트 게시
• Snowflake: OAuth를 사용해 Snowflake에 대해 데이터 쿼리 및 SQL 실행
• Storyblok: Storyblok의 Content Delivery API에서 게시되거나 미리보기 콘텐츠(stories, links, tags, datasources) 가져오기
• Stripe: 결제 또는 구독 처리
• Supabase: 사용자 인증 및 데이터 저장
• Telegram: 봇을 통해 메시지 보내기 및 명령 받기
• TikTok: 크리에이터 프로필 읽기, 게시된 비디오 가져오기, 연결된 TikTok 계정에서 소셜 통합 빌드
• Twilio: SMS 및 MMS 메시지 보내기, 음성 호출 만들기, 전화 기반 통신 흐름 추가
• Twitch: 커스텀 스트림 오버레이 빌드, 라이브 스트림 데이터 표시, 채널 활동 추적, 크리에이터 및 커뮤니티를 위한 도구 만들기
• Wave: Wave에서 고객, 상품, 인보이스, 견적, 공급업체, 비즈니스 회계 데이터 읽기 및 관리
• Wix: Wix 사이트, 이커머스, 예약, CRM, CMS, 비즈니스 리소스 읽기 및 관리
• X: 사용자 조회, 최근 공개 게시물 검색, X API v2로 읽기 전용 소셜 통합 빌드
• Wiz: 엔터프라이즈급 소프트웨어 구성 분석을 사용해 알려진 취약점에 대해 프로젝트의 의존성 스캔
• WooCommerce: WooCommerce에서 상품, 주문, 고객, 쿠폰, 스토어 데이터 읽기 및 관리
• WordPress.com: WordPress.com 사이트 및 콘텐츠 읽기 및 관리
• Zoho Books: 고객, 인보이스, 청구서, 비용, 프로젝트를 포함한 회계 레코드 읽기 및 관리
• Zoho CRM: 리드, 컨택트, 계정, 거래 같은 CRM 레코드 읽기, 검색, 생성, 업데이트

  인증, 데이터베이스, 스토리지 같은 백엔드 기능이 필요할 때 내장 풀스택 호스팅 플랫폼인 Lovable Cloud를 사용하세요.

핵심 특징

앱 커넥터는 프로젝트 전반에서 재사용 가능한 앱 기능을 제공하는 워크스페이스 수준 통합입니다.

• Connectors → App connectors에서 관리
• 워크스페이스 수준에서 한 번 구성
• 사용 중 앱이 호출할 수 있는 기능적 능력 제공
• Free, Pro, Business 플랜에서 기본 활성화
• Enterprise 플랜에서 기본 비활성화
• Business 및 Enterprise 플랜에서는 워크스페이스 admin과 owner가 Connectors → Admin settings → App connectors에서 커넥터 가용성을 관리하고 누가 연결을 만들 수 있는지 선택할 수 있습니다

Who can create connections

Free 및 Pro 플랜에서는 editor 이상의 역할을 가진 모든 워크스페이스 멤버가 연결을 만들 수 있습니다.

Business 및 Enterprise 플랜에서는 워크스페이스 admin과 owner가 각 커넥터에 대해 세 가지 상태 중 하나를 선택합니다:

• Disabled: 커넥터를 사용할 수 없으며 워크스페이스의 누구도 새 연결을 만들 수 없습니다. (Enterprise 플랜 기본값)
• Enabled for admins only: 커넥터를 사용할 수 있지만 워크스페이스 admin만 새 연결을 만들 수 있습니다. (Business 플랜 기본값)
• Enabled for editors and admins: 커넥터를 사용할 수 있으며 editor 이상의 역할을 가진 모든 워크스페이스 멤버가 새 연결을 만들 수 있습니다.

Who can manage connections

연결을 만들 때 누가 접근할 수 있는지 선택할 수 있습니다:

• Only you(기본값): 연결을 만든 사람만 연결과 관련 데이터를 사용할 수 있습니다.
• Invite specific people: 본인과 명시적으로 추가된 워크스페이스 멤버만 연결과 관련 데이터를 사용할 수 있습니다.
• Invite entire workspace: Invite entire workspace를 클릭하면 Lovable 워크스페이스의 모든 사람이 연결을 사용할 수 있습니다.

즉:

• 접근 권한이 있는 사람만 연결을 프로젝트에 링크할 수 있습니다.
• 연결을 사용하는 프로젝트는 연결에 접근 권한이 있는 워크스페이스 멤버와만 공유할 수 있습니다.

  워크스페이스 외부 사람을 연결에 초대할 수 없으므로, 외부 협업자는 연결을 사용하는 프로젝트에 대한 접근을 잃게 됩니다.

• 접근 권한이 없는 누군가가 연결을 사용하는 프로젝트를 열려고 하면 접근이 차단됩니다.
• 프로젝트 owner의 접근을 제거하게 된다면 연결을 프로젝트에 링크할 수 없습니다.

Gateway-based connectors

대부분의 앱 커넥터는 Lovable 앱과 서드파티 서비스 사이의 안전한 게이트웨이를 통해 라우팅됩니다. 게이트웨이는 인증을 자동으로 처리하고 자격 증명을 프로젝트 밖에 보관하며 프로젝트별 사용 한도를 적용하고 안정적인 IP 범위 세트에서 아웃바운드 트래픽을 보냅니다. 자세한 내용은 Integration security를 참고하세요.

관리되는 프로젝트 시크릿: LOVABLE_API_KEY

앱 커넥터와 Lovable AI는 각 프로젝트에 LOVABLE_API_KEY가 있어야 합니다. Lovable이 이 프로젝트 시크릿을 자동으로 생성하고 관리합니다.

채팅 커넥터: 앱 생성 중 컨텍스트 제공

채팅 커넥터(MCP 서버)는 Lovable 에이전트가 앱 생성 중 내부 도구와 콘텐츠에 접근할 수 있게 합니다. 에이전트가 실제 워크플로를 반영하는 앱을 빌드할 수 있도록 컨텍스트를 제공합니다.

앱이 조직이 이미 의존하는 실제 콘텐츠를 사용해 만들어져야 할 때 채팅 커넥터를 사용하세요.

개요 및 사용 사례

• Amplitude: 앱 결정을 알리기 위해 제품 분석 및 피드백 사용
• Atlassian (Jira and Confluence): 티켓, 로드맵, 문서와 정렬
• Confidence: 기능 플래그 평가, 실험 결과 액세스, 앱 동작에 실험 로직 통합
• Granola: 미팅 노트, 결정, 액션 아이템을 스펙과 태스크로 전환
• Hex: 실제 분석에 기반한 앱을 빌드하기 위해 노트북과 데이터 워크플로 사용
• HeyGen: AI 아바타, 보이스오버, 비디오 생성하여 개인화된 비디오 콘텐츠를 앱에 가져오기
• Linear: 이슈와 스펙을 가져와 기능 생성
• Miro: 인터랙티브 프로토타입을 생성하기 위해 Miro 보드와 다이어그램에 액세스
• Notion: 앱 동작을 안내하기 위해 문서와 페이지 참조
• n8n: 기존 자동화 워크플로 미러링 또는 플러그인
• Polar: SaaS 앱을 스캐폴딩하기 위해 청구, 제품, 구독 데이터 사용
• PostHog: 기능과 흐름을 알리기 위해 제품 분석과 사용자 행동 인사이트 사용
• Sanity: 콘텐츠 기반 앱을 빌드하기 위해 CMS 콘텐츠와 스키마에 액세스
• Custom MCP servers: 내부 또는 서드파티 시스템 연결

핵심 특징

채팅 커넥터를 통해 빌드 중 컨텍스트(앱 기능이 아님)를 제공하기 위해 자체 도구를 연결할 수 있습니다.

• Connectors → Chat connectors에서 관리
• 사용자별 연결, 즉 본인만 연결에 접근하고 관리할 수 있습니다
• 다른 워크스페이스 멤버와 공유되지 않음
• 배포된 앱에 포함되지 않음

Business 및 Enterprise 플랜에서는 워크스페이스 admin과 owner가 워크스페이스에 대한 채팅 커넥터 가용성을 관리할 수 있습니다:

• Settings → Privacy & security에서 모든 MCP server access 활성화 또는 비활성화
• Connectors → Admin settings → Chat 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/random

Lovable이 키가 필요하지 않다는 것을 감지하고 기능을 앱에 직접 추가합니다.

인증된 API (시크릿 필요)

인증 자격 증명 또는 API 키를 필요로 하는 API의 경우 Lovable이 Lovable Cloud를 사용해 안전하게 통합을 처리합니다. 자격 증명은 링크된 Cloud 프로젝트의 시크릿으로 저장되고 Edge Function을 통해서만 액세스되어 보호된 상태를 유지합니다.

설정

1. Lovable에게 API 통합을 요청하고 다음 핵심 세부 정보를 포함합니다:
   • 엔드포인트 URL과 HTTP 메서드
   • 인증 방법(API 키 헤더, 쿼리 파라미터, Bearer token, OAuth)
   • 필수 헤더(Content-Type, 커스텀 헤더)
   • 요청 및 응답 형식 예시(JSON, params, bodies)
   • OpenAPI 사양 또는 문서 링크
2. Lovable Cloud를 활성화합니다.
3. 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/current

Lovable이 Edge Function과 함께 통합을 생성하고 사용자가 도시를 입력하고 날씨 데이터를 가져올 수 있는 날씨 위젯을 생성합니다.

FAQ