介绍
通过使用集成和外部 API 来扩展您网站的功Ag功能。
Lovable 提供了原生的无缝集成，用于导出代码并添加后端。但是，如果您希望为网站添加特定功能，也可以集成外部 API。
什么是 API？
API 是软件应用程序之间进行通信和共享数据的方式。不同的 API 提供不同的功能，例如发送电子邮件或处理支付。您可以在我们博客上的这篇文章中了解更多关于 API 强大性的内容。
原生集成
探索下面的部分，以快速上手并了解我们原生 GitHub 和 Supabase 集成的更多信息。
| 集成 | 描述 |
|---|---|
| GitHub | 了解如何将 Lovable 与 GitHub 集成，以导出您的代码并实现无缝版本控制 |
| Supabase | 使用 Supabase 为您的网站添加后端，以支持身份验证和持久数据存储 |
已验证集成
已验证集成与 Lovable 配合效果最佳：
| 集成 | 描述 |
|---|---|
| Stripe | 为您的应用添加支付处理功能 |
| OpenAI | 使用 OpenAI 的模型添加 AI 功能 |
| Anthropic | 使用 Anthropic 的 Claude 模型添加 AI 功能 |
| Resend | 使用 Resend 的现代电子邮件 API 添加电子邮件功能 |
| Clerk | 全面的用户管理平台 |
| Three.js | 为您的应用添加交互式 3D 图形 |
| D3.js | 创建动态、交互式的数据可视化 |
| Highcharts | 创建专业的交互式图表和可视化 |
| p5.js | 创建创意编码项目和交互式图形 |
| Runware | 让您的应用从文本提示生成图像 |
| ElevenLabs | 添加文本到语音功能 |
| Make | 视觉平台，用于构建工作流以自动化任务并连接应用 |
| Replicate | 运行和微调开源 AI 模型 |
| Stability AI | 开发跨多种模式的开源 AI 模型 |
| Figma | 从您的 Figma 工作区导入设计 |
| Twilio | 使用 Twilio 为您的应用添加短信功能 |
| n8n | 使用视觉平台为您的应用构建工作流 |
您可以随时在此处请求新的集成。
使用任意 API 与 Lovable 集成
所有其他可调用的 API 仍然可以集成，但通常需要额外的上下文和说明。您可能有以下情况：
- 内部系统带有自定义 API
这些可能是您的团队构建的服务（例如库存系统、分析管道或内部工具），它们暴露了 REST 或 GraphQL 端点，但未公开记录或广为人知。您希望 Lovable 从这些系统提取数据或向其发送数据，以自动化工作流或驱动用户界面。 - Lovable 尚未支持的第三方 API
也许您使用的是某个小众 SaaS 产品、专业的數據提供者或合作伙伴集成，而 Lovable 对此没有内置知识。尽管它不是官方支持的，您仍然希望 Lovable 连接、调用 API 并处理数据。
在这两种情况下，挑战是相同的：Lovable 默认情况下“不知道”这个 API。但通过良好的文档和身份验证设置，它仍然可以有效使用。无论哪种情况，方法都是一样的：Lovable 仍然可以连接到它。以下是操作方法。
1. 提供 Lovable 所需的上下文
Lovable 在理解 API 时效果最佳。您可以提供：
- OpenAPI 规范（如果可用）
- 复制粘贴的文档或示例（尤其是端点和示例请求/响应）
文档越清晰，Lovable 就越能合理地调用 API。
2. 安全处理身份验证
对于需要身份验证的 API：
选项 1: 使用 Supabase Edge Functions 作为代理
- 在 Supabase 上安全存储机密
- 让 Lovable 通过 Edge Function 调用 API 端点（而非直接调用 API）
选项 2: 在您的 Lovable 项目中直接实现 API 集成
- 暴露一个身份验证端点（例如，用于交换凭据以获取令牌或会话）
- 让 Lovable 在集成流程中调用该身份验证端点
- 在后续 API 调用中包含令牌、标头或会话信息
示例 API
| 集成 | 描述 |
|---|---|
| Mapbox | 为人们、包裹和车辆提供导航功能 |
| Rive | 创建和发布交互式动画 |
| Together.ai | 使用几行代码运行或微调领先的开源模型 |
| PostHog | 开源产品分析工具，提供用户行为、会话重放和 A/B 测试 |
| Firecrawl | 将网站转换为 LLM 就绪数据 |
| Perplexity | 为您的应用添加强大的 AI 功能 |
| Zapier | 自动化工具，用于连接不同的 Web 应用 |
| GoJS | 添加流程图，尤其适用于可视化工作流和流程 |
| Transformers.js (HF) | 在浏览器中直接运行机器学习模型，而无需服务器 |
| Grok / xAI | 为您的应用添加 AI 功能 |
| Twilio | 拨打和接收电话、发送和接收短信 |
| Linkup | 在您的应用中提供 AI 搜索引擎 |
| Google Workspace | 由 Google 开发的基于云的生产力和协作工具 |
| Lemon Squeezy | 简化数字产品销售的电子商务平台 |
| Serper.dev | 将 Google 搜索结果集成到您的应用中 |
| Notion | 笔记、任务管理和数据库功能 |
| Mailgun | 发送、接收和跟踪电子邮件 |
| Calendly | 简化会议规划的调度工具 |
| SendGrid | 用于事务性和营销电子邮件管理的交付服务 |
| TinyMCE | 提供所见即所得编辑体验的富文本编辑器 |
| bannerbear | 自动化社交媒体图像和视频的生成 |
| Square | 接受支付、管理销售并处理各种商业方面 |
| HeyGen | AI 生成视频创建服务 |
| GetLago | 开源计量和基于使用量的计费 |
| Ticketmaster | 嵌入事件和门票信息 |
| Tenor | 为您的应用添加 GIF |
| Ideogram | 生成 AI 驱动的排版和图像 |
| Luma | 创建或共享事件 |
| Freesound | 访问免费音效和循环库 |
| iLovePDF | 转换、合并和编辑 PDF |
| Discord | 构建 AI 驱动的机器人 |
| Google Imagen | 文本到图像生成器 |
| Slack | 自动化消息和工作流 |
| Petfinder | 访问 Petfinder 数据库，其中包含数十万宠物 |
| Sports DB | 搜索和访问所有球员、事件、电视节目和比分数据 |
| Weather App | 访问任何位置的当前天气数据 |
| Youtube | 为您的应用添加各种 YouTube 功能 |
| Findwork | 访问职位列表和其他职业资源 |
| Pixabay | 搜索和检索免版税图像和视频 |
| Alpha Vantage | 实时和历史金融市场数据 |
| Currents | 策划并访问来自各种来源的实时全球新闻 |
| Kofi | 接受捐赠、销售产品、接收请求并从流媒体中获利 |
| GitHub Stats | 跟踪仓库活动和贡献 |
| TheNews API | 从 15 万全球来源搜索新闻和博客文章 |
| TripAdvisor | 集成服务内容、获取预订并将客户评论定向到 TripAdvisor |
| Verifone | 收集交易数据 |
| New York Times | 搜索纽约时报文章 |
| Polygon.io | 查询最新的金融市场数据 |
| WordCloud | 创建词云 |
| QRCode Generator | 生成和解码或读取二维码图形 |
| Deezers | 为您的应用添加音乐相关功能 |
| Hacker Earth | 在多种语言中编译和运行代码 |
| Cocktail DB | 访问大型鸡尾酒食谱、成分和图像数据库 |
| Beer API | 访问不同类型啤酒（如艾尔、拉格、波特和世涛）的描述 |
| Hashtag API | 检索、创建、更新和删除话题标签 |
| USAJobs | 在您的网站上提供就业机会 |
| SFMTA | 向 SFMTA 电子访问出租车系统传输一个或多个行程 |
| UPCDatabase | 访问 UPC 数据库 |
| Time API | 访问时区信息、在时区之间转换时间并跟踪夏令时 |
| Plotly | 图形库，用于创建交互式、出版质量的图表 |
| Manifest.build | 微型后端 |
| Paypal | 在您的应用中集成 Paypal 结账解决方案 |
| 4everland | 后端替代方案 |
| Outseta | 创建、更新人员、账户、订阅和发票 |
| Recraft | 文本到矢量图像生成 |
| n8n | 自动化和工作流 |
| Venice | 无审查的 AI 对话和图像生成 |
| Shopify | 增强您的电子商务功能 |
| BuildShip | 后端和自动化 |
| RunPod | 自定义逻辑集成和部署 |
| Gumloop | 自动化和工作流解决方案 |
| Odoo | 在您的应用之间获取和发送数据 |
| Tableau | 数据分析工具 |
| Power BI | 数据分析工具 |
| Mermaid | 渲染可自定义的图表、图表和可视化 |
| Stancer | Stripe 的替代方案 |
| Mercado Pago | 创建结账流程 |
| Canva | 将 Canva 集成到您自己的 Web 应用中 |
| Razorpay | 构建支付界面（印度） |
| Coinbase | 实时市场数据 |
| GSAP | 动画库 |
| Cohere | 将自然语言处理和生成集成到您的产品中 |
| OpenRouter | 访问数百个 AI 模型 |
| Fal AI | 部署自定义 AI 模型 |
| Paystack | 在线支付网关（非洲） |
| Remotion | 使用 AI 创建视频并渲染为 MP4 文件 |
| Paddle | 支付、税务和订阅管理 |
| Polar API | 从 Polar 设备提取数据，如活动水平和心率 |