Webflow 应用程序编程接口简介

使用 Webflow 的 API 来构建应用程序或以编程方式管理您的静态和动态站点内容。

应用程序编程接口 (API) 促进不同软件应用程序之间的交互。Webflow 的 API 可以链接外部服务、增强 Webflow 的主要功能,并为设计师和开发人员开发尖端解决方案。 

专家提示: 如果你缺乏编码技能,可以使用以下工具 综合地, 制作或 Zapier,它们可以将 Webflow 与大量第三方应用程序集成——而无需直接处理 API 或编写代码。 

本教程将涵盖以下主题: 

  1. Webflow API 的可能用途 
  2. 生成 API 令牌的步骤 
  3. 创建 webhook 

探索 Webflow 的 API 可能性 

Webflow的API可满足多种场景: 

  • 站点 API — 用于检索站点信息 
  • 页面 API — 用于获取页面详细信息和相关元数据 
  • 资产 API — 在 Webflow 的资产面板中管理资产、将资产分配到文件夹或列出现有资产 
  • 内容管理系统 API — 用于 CMS 集合和集合项的 CRUD 操作 
  • 电子商务 API — 用于电子商务产品和订单的 CRUD 操作 
  • 用户帐户 API — 管理用户帐户 
  • 表单 API — 用于表单结构和提交,将表单连接到外部数据源 
  • 自定义代码 API — 添加和处理自定义脚本 
  • 设计器 API — 用于与设计器画布直接交互,包括管理元素、样式和组件 

还可以设置 Webhook,使 Webflow 能够与第三方应用程序通信。详细了解 Webflow 的 API 功能 这里

创建 API 令牌 

访问 Webflow 的 API 需要访问令牌以进行身份验证,可通过以下方式获取 开放授权 或通过生成站点 API 令牌。 

对于内部项目,生成站点 API 令牌可以加快流程。但是,对于旨在更广泛使用的项目,使用 Webflow App 进行 OAuth 身份验证 被推荐。 

本部分将指导您生成 API 令牌以替代 API 使用中的密码。就像密码一样,API 令牌(也称为“API 密钥”或“访问令牌”)可识别请求的站点或应用程序。API 令牌还配备了权限(“范围”),用于概述和管理其功能。 

笔记: API 令牌将在 365 天不活动后过期。

要生成 API 令牌: 

  1. 导航 站点设置 > 应用程序和集成 标签 > API 访问
  2. 点击 生成 API 令牌 
  3. 输入 姓名 您的 API 令牌
  4. 为每个 Webflow API 选择所需的权限(例如无访问权限、只读或读写)
  5. 点击 生成 token
  6. 将生成的令牌复制到剪贴板

重要的: 安全存储您的 API 令牌,因为它包含个人和敏感信息,类似于密码。创建后,无法再在仪表板中查看令牌。担心令牌被盗用?请访问以下网址生成新令牌 站点设置 > 应用程序和集成 标签 > API 访问,然后在任何第三方连接中替换受损的令牌。 

建立 Webhook 

Webhook 用于在特定站点事件发生时将实时数据从 Webflow 传输到外部应用程序。从我们的开发人员 documentation 了解有关可用 webhook 事件的更多信息 这里

要设置 webhook: 

  1. 使用权 站点设置 > 应用程序和集成 标签 > Webhook
  2. 点击 添加 webhook 
  3. 选择触发器类型(例如表单提交、网站发布等) 
  4. 选择 API 版本(例如 v1 或 v2)
  5. 插入 webhook URL(例如 https://yourdomain.com/webhook/webflow)
麦宜云
Ewan Mak 的最新帖子 (查看全部)