在项目中调用 n8n 的完整流程（以爪子云部署为例）

想要在项目调用n8n，必须使用一个可供访问的公网ip，如果是本地部署的n8n，可能涉及到内网穿透等内容，所以我这里拿爪子云上部署的n8n举例

第一步：注册爪子云账号

打开 爪子云，建议使用 GitHub 登录。
注册时间最好超过半年，注册后系统会赠送 $5 的额度，可供试用一段时间。

---

第二步：下载 n8n

这一步的目的是将 n8n 部署在爪子云上，从而可以通过 公网 IP 进行访问。

---

第三步：打开 n8n

部署成功后，打开 n8n 控制台。

如下图所示（示例中已创建了一个最简单的工作流）：

这里可以看到你的工作流管理界面。

---

第四步：创建工作流

点击 创建工作流 按钮，开始搭建一个新的工作流。

---

第五步：添加内容

本例的业务背景是：
工作流被前后端调用，通过 发送 HTTP 请求 的方式与项目通信。

1. 添加 Webhook 工具

• 添加一个 Webhook 节点 来监听请求。
• 配置为 监听 POST 请求。
  

示例配置：

---

2. 添加 AI Agent

可以选择两种方式：

1. 直接使用前面节点传来的 input。
2. 自行编写逻辑（需手动添加字段）。
   

• 本例使用第二种方式。

⚠️ 注意：使用第二种方式无法直接获取用户输入，必须手动添加字段。

如何获取字段？

点击执行前一个节点，向 Webhook 发送一次请求，查看请求内容中你需要的字段。

例如：

需要在对话中使用用户输入的 chatInput 字段，
直接用鼠标拖到右侧面板，即可自动添加。

---

第六步：配置模型

为 Agent 添加一个模型，这里选择 DeepSeek。

添加模型前需配置凭证。

---

配置 DeepSeek 凭证

1. 登录 DeepSeek 开发平台。
2. 充值任意金额（例如 1 元）。
3. 创建并复制你的 API Key。
4. 将该 Key 粘贴到 n8n 中的凭证配置界面，点击 保存。

配置完成后如下图所示：

模型凭证已成功添加。

---

第七步：代码调用

点击 Webhook 节点，查看调用 URL。

• 测试环境 使用 Test URL（路径中会多一个 -test）。

  • 可点击左侧「监听」查看请求流程。

• 生产环境 使用 Production URL，无需监听即可接收请求。
  

---

Vue 项目调用示例

methods: {
  clearResult() {
    this.responseResult = null;
  },
  async sendRequest() {
    if (!this.canSubmit) return;
    this.isLoading = true;
    this.responseResult = null;
    try {
      const response = await axios.post(
        'https://n8n-acfyvstb.ap-northeast-1.clawcloudrun.com/webhook/your_path',
        {
          query: this.formData.query, // 发送 query 字段
        },
        {
          headers: {
            'Content-Type': 'application/json',
          },
          timeout: 60000, // 超时时间 60 秒
        }
      );
      // 假设响应格式为 [{ output: "..." }]
      if (response.data && Array.isArray(response.data) && response.data[0]?.output) {
        this.responseResult = response.data[0].output;
      } else {
        this.responseResult = '响应格式不符合预期';
      }
    } catch (error) {
      console.error('请求失败:', error);
      this.responseResult = `### 请求失败\n错误信息: ${error.message || '未知错误'}`;
    } finally {
      this.isLoading = false;
    }
  },
  formatResponse(data) {
    // 使用 marked 解析 Markdown 内容
    return typeof data === 'string' ? marked(data) : JSON.stringify(data, null, 2);
  },
}

将 'https://n8n-acfyvstb.ap-northeast-1.clawcloudrun.com/webhook/your_path' 替换成你自己的 Production URL。

---

第八步：效果展示

最终，你可以在自己的项目中，直接使用 n8n 开发的工作流。
只需通过发送 HTTP 请求，即可与 n8n 自动化流程实现交互。