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

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

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

Lovable을 사용하면 다음을 통합할 수 있습니다

• 앱 커넥터로 배포된 앱에 기능 추가
• **채팅 커넥터 (MCP 서버)**로 앱 생성 중 컨텍스트 제공
• 모든 API로 커스텀 기능 구현

Lovable 통합 개요

앱 커넥터: 배포된 앱에 기능 추가

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

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

개요 및 사용 사례

• Lovable Cloud: 내장 백엔드 서비스, 인증, 데이터베이스 및 풀스택 호스팅 제공
• Lovable AI: 고급 AI 기능으로 앱 강화
• Aikido: AI 기반 펜테스트로 앱의 악용 가능한 취약점을 테스트하고 보안 보고서 생성
• Airtable: Airtable 데이터 위에 커스텀 인터페이스를 만들기 위해 베이스, 테이블, 레코드 읽기 및 쓰기
• Ashby: Ashby API를 통해 채용 공고, 지원자, 지원서, 채용 워크플로우 관리
• Attention: Attention에서 세일즈 대화, 트랜스크립트, 스코어카드, 코칭 인사이트 작업
• BigQuery: Workload Identity Federation을 사용해 Google BigQuery에서 데이터셋 쿼리 및 분석 구축
• Brevo: 트랜잭션 및 마케팅 이메일 전송, 연락처 및 리스트 관리, 커뮤니케이션 워크플로우 실행
• Databricks: OAuth machine-to-machine 자격 증명으로 SQL 실행 및 Databricks 워크스페이스 API 호출
• ElevenLabs: 오디오 및 텍스트 음성 변환 생성
• Firecrawl: 웹사이트 콘텐츠 스크래핑, 크롤링 및 추출
• Fireflies: Fireflies.ai에서 미팅 트랜스크립트, 요약, 대화 인텔리전스 읽기
• GitLab: GitLab.com 또는 GitLab Self-Managed로 코드 백업, 동기화 및 협업
• Granola: Granola에서 AI로 생성된 회의 노트, 요약, 트랜스크립트 접근
• HubSpot: HubSpot API를 통해 CRM 연락처, 회사, 거래, 서비스 데이터 관리
• Inngest: Inngest 계정으로 지속적인 백그라운드 작업, 스케줄, 이벤트 기반 워크플로우 실행
• Microsoft: Microsoft Graph를 통해 Outlook, Teams, OneDrive, Word, Excel, PowerPoint, OneNote 연결
• Perplexity: 질문에 답하고 웹 기반 리서치 수행
• Resend: 앱 워크플로우에서 트랜잭션 및 마케팅 이메일 전송
• Shopify: 이커머스 운영 관리
• Slack: 알림 전송, 채널 읽기, 업데이트 게시
• Snowflake: OAuth를 사용해 Snowflake에서 데이터 쿼리 및 SQL 실행
• Storyblok: Storyblok의 Content Delivery API에서 게시 또는 미리보기 콘텐츠(스토리, 링크, 태그, 데이터소스) 가져오기
• Stripe: 결제 또는 구독 처리
• Supabase: 사용자 인증 및 데이터 저장
• Telegram: 봇을 통한 메시지 전송 및 명령 수신
• Twilio: SMS/MMS 메시지 전송, 음성 통화 및 전화 기반 커뮤니케이션 플로우 추가
• Wiz: 엔터프라이즈급 software composition analysis로 프로젝트의 의존성에서 알려진 취약점 스캔
• WordPress.com: WordPress.com 사이트 및 콘텐츠 읽기 및 관리

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

주요 특징

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

• Connectors → App connectors에서 관리
• 워크스페이스 수준에서 한 번 구성
• 기본적으로 워크스페이스의 모든 사람이 사용 가능하고 모든 프로젝트에서 재사용 가능
• 관리자는 각 연결에 누가 접근할 수 있는지 선택할 수 있습니다 (아래 연결 수준 접근 참조)
• 앱이 사용 중에 호출할 수 있는 기능적 capabilities 제공

Business 및 Enterprise 플랜에서 워크스페이스 관리자와 소유자는 워크스페이스에 대한 앱 커넥터 가용성을 관리할 수 있습니다

• Connectors → App connectors에서 커넥터 설정(톱니바퀴 아이콘)을 사용하여 특정 앱 커넥터를 활성화하거나 비활성화

연결 수준 접근

연결을 만들 때, 관리자는 누가 접근할지를 선택할 수 있습니다: 워크스페이스 전체 또는 특정 인원.

이는 다음을 의미합니다:

• 접근 권한이 있는 사람만 연결을 프로젝트에 연결할 수 있습니다
• 접근 권한이 있는 사람만 해당 연결을 사용하는 프로젝트의 뷰어 또는 에디터가 될 수 있습니다
• 접근 권한이 없는 사람이 해당 연결을 사용하는 프로젝트를 열려고 하면 접근이 차단됩니다
• 연결을 프로젝트에 연결함으로써 프로젝트 소유자의 접근 권한이 제거되는 경우, 해당 연결을 연결할 수 없습니다

게이트웨이 기반 커넥터

일부 앱 커넥터는 Lovable 앱과 타사 서비스 사이에 보안 게이트웨이를 사용합니다 (예: Slack).

게이트웨이 기반 커넥터에서는

• 인증이 자동으로 처리됩니다

  게이트웨이가 OAuth를 관리하고 만료되는 토큰을 백그라운드에서 갱신하므로, 한 번 연결하면 수동 재인증 없이 통합이 계속 작동합니다.

• 자격 증명이 프로젝트에 노출되지 않습니다

  토큰은 게이트웨이에 안전하게 저장되며 프로젝트 설정에서 보이지 않고 워크스페이스 관리자도 접근할 수 없습니다. 앱은 단순히 커넥터를 호출하고 인증은 뒤에서 처리됩니다.

• 프로젝트별 사용량 제한이 있습니다

  게이트웨이 커넥터는 프로젝트당 커넥터당 분당 최대 1,000건의 요청을 허용합니다. 각 프로젝트는 독립적인 제한을 가지므로 한 프로젝트의 사용량이 다른 프로젝트에 영향을 주지 않습니다. 대부분의 앱은 이 한도에 근접하지 않지만, 대량 자동화나 빈번한 백그라운드 작업을 빌드하는 경우 이 제한을 염두에 두고 설계해야 합니다.

다른 앱 커넥터는 서비스에 따라 다른 인증 모델을 사용할 수 있습니다. 일부는 API 키를 사용하여 직접 연결하고, 다른 일부는 Lovable에서 완전히 관리합니다. 게이트웨이 모델은 보안 토큰 처리와 자동 갱신이 필요한 OAuth 기반 서비스에 특화되어 있습니다.

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

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

앱이 조직에서 이미 사용하는 실제 콘텐츠를 기반으로 생성되어야 할 때 채팅 커넥터를 사용하세요.

개요 및 사용 사례

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

주요 특징

채팅 커넥터는 빌드하는 동안 컨텍스트를 제공하기 위해 개인 도구를 연결합니다 (앱 기능이 아님).

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

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

• Settings → Privacy & security에서 모든 MCP 서버 접근을 활성화하거나 비활성화
• Connectors → 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 Functions를 통해서만 접근되어 보호됩니다.

설정

1. Lovable에 API 통합을 요청하고 주요 세부 정보를 포함합니다
   • Endpoint URL 및 HTTP 메서드
   • 인증 방법 (API key header, query param, 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