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

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

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

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

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

Lovable 통합 개요

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

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

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

개요 및 사용 사례

• Lovable Cloud: 내장 백엔드 서비스, 인증, 데이터베이스 및 풀스택 호스팅 제공

• Lovable AI: 고급 AI 기능으로 앱 강화

• ElevenLabs: 오디오 및 텍스트 음성 변환 생성

• Firecrawl: 웹사이트 콘텐츠 스크래핑, 크롤링 및 추출

• Perplexity: 질문에 답하고 웹 기반 리서치 수행

• Shopify: 이커머스 운영 관리

• Stripe: 결제 또는 구독 처리

• Supabase: 사용자 인증 및 데이터 저장

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

주요 특징

• 워크스페이스 수준에서 관리자가 한 번 구성
• 워크스페이스의 모든 사람이 사용 가능하고 모든 프로젝트에서 재사용 가능
• 앱이 사용 중에 호출할 수 있는 기능적 capabilities 제공
• 설정 → 커넥터 → 공유 커넥터에서 관리

개인 커넥터: 앱 생성 중 컨텍스트 제공

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

앱이 조직에서 이미 사용하는 실제 콘텐츠를 사용하여 생성되어야 할 때 개인 커넥터를 사용하세요.

개요 및 사용 사례

• Linear: 이슈와 스펙을 가져와 기능 생성
• Notion: 문서와 페이지를 참조하여 앱 동작 안내
• Atlassian (Jira 및 Confluence): 티켓, 로드맵 및 문서와 연계
• Miro: Miro 보드와 다이어그램에 접근하여 인터랙티브 프로토타입 생성
• n8n: 기존 자동화 워크플로우 미러링 또는 연결
• 커스텀 MCP 서버: 내부 또는 타사 시스템 연결

주요 특징

• 빌드하는 동안 컨텍스트를 제공하기 위해 개인 도구 계정 연결 (앱 기능 아님)
• 본인만 연결에 접근 가능
• 배포된 앱에 포함되지 않음
• 설정 → 커넥터 → 개인 커넥터에서 관리

Lovable과 모든 API 통합

Lovable은 공개 또는 비공개, 인증된 또는 인증되지 않은 모든 외부 API와 통합할 수 있습니다. 이것은 가장 유연한 통합 유형으로, Lovable이 기본적으로 지원하지 않는 기능을 가져올 수 있습니다.

Lovable에 API 통합을 요청하면 자동으로 올바른 접근 방식을 선택합니다:

• API에 인증이 필요 없는 경우, 앱이 API를 직접 호출합니다.
• API에 인증이 필요한 경우, Lovable은 Cloud를 활성화하고 시크릿을 추가하라고 안내하며, 민감한 자격 증명을 보호하기 위해 자동으로 Edge Function을 생성합니다.

인증이 필요 없는 API

API에 자격 증명이 필요 없는 경우 설정이 필요하지 않습니다. Lovable에 API 통합을 요청하기만 하면 됩니다. 예:

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 키를 추가합니다.

예:

OpenWeatherMap API를 통합해주세요.
Base URL: https://api.openweathermap.org/data/2.5.
Auth: query parameter appid로 전달되는 API 키.
현재 날씨를 가져오는 endpoint가 필요합니다: GET /weather?q={city}&units=metric&appid={API_KEY}.
Docs: https://openweathermap.org/current

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

FAQ