跳转到主要内容
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 模型。

Twilio

使用 Twilio 为你的应用添加 SMS 功能。

n8n

使用可视化平台为你的应用构建工作流。

在 Lovable 中使用任意 API

所有其他可调用的 API 依然可以集成,但通常需要额外的上下文和使用说明。 你可能会有:
  • 带自定义 API 的内部系统
    这些可能是你的团队构建的服务(例如库存系统、分析流水线、内部工具),它们暴露了 REST 或 GraphQL 端点,但没有公开文档或不为大众所知。
    你希望 Lovable 能从这些系统中读取或向其发送数据,用于自动化工作流或驱动用户界面。
  • Lovable 尚未支持的第三方 API
    也许你在使用某个小众 SaaS 产品、专业数据服务商,或者 Lovable 目前还没有内置支持的合作集成。
    即使它尚未被官方支持,你仍然希望 Lovable 能连接这个 API、发起调用并处理返回的数据。
在这两种情况下,挑战是相同的:Lovable 默认并“不认识”这个 API。但只要有完善的文档和认证配置,它仍然可以高效使用该 API。
无论是哪种情况,思路都是一样的:Lovable 仍然可以连接它。具体做法如下。
1

为 Lovable 提供所需的上下文

当 Lovable 充分理解 API 时,它的效果最好。你可以提供:
  • OpenAPI 规范(如果有)
  • 复制粘贴的文档或示例(尤其是端点以及请求/响应示例)
文档越清晰,Lovable 就越能合理推断应该如何调用这个 API。
2

安全地处理认证

对于需要认证的 API:方案 1:使用 Supabase Edge Functions 作为代理
  • 在 Supabase 中安全存储机密信息
  • 让 Lovable 通过 Edge Function 调用 API 端点(而不是直接调用 API)
方案 2:在你的 Lovable 项目中直接实现 API 集成
  • 暴露一个认证端点(例如用于将凭据交换为 token 或会话)
  • 让 Lovable 在集成流程中调用该认证端点
  • 在后续的 API 调用中包含 token、请求头或会话信息
示例 API:

Mapbox

为世界各地的人、包裹和车辆提供导航支持。

Rive

制作并发布交互式动画。

Together.ai

只需几行代码,就能运行或微调领先的开源模型。

PostHog

OS 产品分析,提供用户行为分析、会话回放和 A/B 测试功能。

Firecrawl

将网站内容转换为适合 LLM 使用的数据。

困惑度

为你的应用添加强大的 AI 功能。

Zapier

用于连接不同 Web 应用的自动化工具。

GoJS

添加流程图,对可视化工作流和流程尤其有帮助。

Transformers.js(HF)

在浏览器中直接运行机器学习模型,无需依赖服务器。

Grok / xAI

为你的应用添加 AI 功能。

Twilio

拨打、接听电话,发送、接收短信。

连接

为你的应用接入 AI 搜索引擎。

Google Workspace

由 Google 开发的云端生产力和协作工具。

Lemon Squeezy

让数字产品销售更简单的电商平台。

Serper.dev

将 Google 搜索结果集成到你的应用中。

Notion

笔记、任务管理和数据库功能。

Mailgun

发送、接收和追踪电子邮件。

Calendly

简化会议安排的日程工具。

SendGrid

用于管理和发送事务性邮件和营销邮件的电子邮件投递服务。

TinyMCE

提供所见即所得编辑体验的富文本编辑器。

bannerbear

自动生成社交媒体所需的图片和视频。

Square

收款、管理销售,并处理各类商业事务。

HeyGen

AI 生成视频服务。

Ticketmaster

嵌入活动及门票信息。

Tenor

在你的应用中添加 GIF 动图。

Ideogram

利用 AI 生成排版和图像。

Luma

创建或分享事件

Freesound

访问免费音效和循环素材库。

iLovePDF

转换、合并和编辑 PDF 文件。

Discord

构建 AI 驱动的机器人。

Google Imagen

文生图生成器。

Slack

实现消息和工作流自动化。

Petfinder

访问 Petfinder 的数据库,其中包含数十万只宠物。

体育数据库

搜索并访问所有球员、赛事、电视节目表和比分的数据。

天气应用

获取任意位置的实时天气数据。

YouTube

为你的应用集成多种 YouTube 功能。

Findwork

访问职位列表和其他职业发展资源。

Pixabay

搜索并获取免版权费的图片和视频。

Alpha Vantage

金融市场的实时和历史数据。

动态

精选并获取来自多种来源的全球实时新闻。

Kofi

接受捐赠、销售产品、接收请求,并通过直播赚钱。

GitHub 统计数据

跟踪仓库活动和贡献记录。

TheNews API

在博客中搜索来自全球超过 15 万个来源的新闻和博文。

Tripadvisor

集成服务信息,获取预订,并将顾客评价同步到 Trip。

Verifone

收集交易数据。

纽约时报

搜索《纽约时报》文章。

Polygon.io

查询最新的金融市场数据。

词云

生成词云。

二维码生成器

生成、解码和读取二维码图像。

Deezers

为你的应用添加音乐相关功能。

Hacker Earth

用多种语言编译并运行代码。

鸡尾酒数据库

访问大型鸡尾酒配方、原料和图片数据库。

啤酒 API

查看各种类型啤酒的介绍,包括艾尔、拉格、波特、世涛等。

话题标签 API

检索、创建、更新和删除话题标签(hashtag)。

USAJobs

在你的网站上发布招聘信息。

SFMTA

将一条或多条行程数据发送到 SFMTA 电子出租车接入系统。

UPCDatabase

访问 UPC 数据库。

时间 API

获取时区信息,在不同时区之间转换时间,并追踪夏令时变更。

Plotly

绘图库可生成交互式的出版级图表。

Manifest.build

微后端。

PayPal

将 PayPal 结账解决方案集成到你的应用中。

4everland

后端可选方案。

Outseta

创建和更新用户、账户、订阅和发票。

Recraft

文本生成矢量图像。

n8n

自动化和工作流。

威尼斯

无审查的 AI 对话与图像生成。

Shopify

增强你的电商能力。

BuildShip

后端与自动化。

RunPod

自定义逻辑集成与部署。

Gumloop

自动化和工作流解决方案。

Odoo

在你的应用中获取并发送数据。

Tableau

数据分析工具。

Power BI

数据分析工具。

Mermaid

生成可自定义的示意图、图表和可视化内容。

Stancer

Stripe 替代方案。

Mercado

创建结账流程。

Canva

将 Canva 集成到你自己的 Web 应用中。

Razorpay

构建印度地区支付界面

Coinbase

实时市场数据。

GSAP

动画库。

Cohere

在你的产品中集成自然语言处理和生成能力。

OpenRouter

接入数百种 AI 模型。

Fal AI

部署自定义 AI 模型。

Paystack

在线支付网关(非洲)

Remotion

使用 AI 创建视频并导出为 MP4 文件。

Paddle

支付、税费和订阅管理。

Polar API

从 Polar 设备获取活动量、心率等数据。