OpenAI 按网址里的请求生成的网页

OpenAI 按网址里的请求生成的网页

一个用页面回应网址的 n8n 工作流。地址里带着一个 query，比如 a signup form。OpenAI 先把页面作为一棵结构化的元素树返回，第二个 OpenAI 步骤把这棵树变成 HTML，工作流再把 HTML 发给浏览器。

包里有什么

• workflow.json：n8n 导出的工作流，五个干活的节点和两张便签。里面没有任何凭据。
• README.md：这份设置说明，压缩包里的是英文版。

我们相对原来的副本改了什么

• 第一个请求原来用的是 gpt-4o-2024-08-06，第二步用的是 gpt-4o-mini。OpenAI 的弃用页面（2026 年 11 月 12 日查阅）把它们的带日期快照列为 2027 年 1 月 14 日停用，替代的是 gpt-6-luna。现在两处都用 gpt-6-luna。它的模型页面列出了 Chat Completions 和结构化输出。
• 第二步原来设了 0.2 的温度。gpt-6-luna 的模型页面没提温度，所以这个选项已删掉。如果你的账号接受，可以在 Options 里加回去。
• 请求体原来把访问者的 query 不加转义地放在引号之间，所以 query 里的一个引号或换行就会让请求无效。现在 query 先经过 JSON.stringify(...).slice(1, -1)。
• 有两个节点的名字原来带着前后有空格的连字符，现在叫 OpenAI Structured Output 和 OpenAI JSON to HTML。
• 凭据关联和 webhook ID 已删掉，工作流保存为未激活。
• 别的都没改。

开始之前

• 一个能从使用它的浏览器访问到的 n8n 实例，n8n Cloud 或自己的服务器都行。
• 一个能用 gpt-6-luna 的 OpenAI API 密钥。

设置

1. 在 n8n 里新建一个工作流，打开它的菜单，选 Import from File，选中 workflow.json。
2. 打开 OpenAI Structured Output 和 OpenAI JSON to HTML。用你的密钥添加一个 OpenAI 凭据，并在两个节点里都选上它。
3. 保存，打开 Webhook，复制它的测试地址，在末尾加上 ?query=a%20signup%20form。在节点等待测试事件的时候，用浏览器打开它。
4. 页面看起来没问题之后，点 Publish，用同样的方式使用生产地址。

一次运行的过程

1. Webhook（版本 2）接收这个 GET 请求。它通过一个 Respond to Webhook 节点回复，它允许的来源是 *。
2. OpenAI Structured Output（HTTP Request 4.2）带着访问者的 query，向 https://api.openai.com/v1/chat/completions 发 POST。一条系统消息让模型扮演一位用 Tailwind 的界面设计师兼文案。回复必须符合一份名为 ui 的严格 JSON 结构：一个取自固定 HTML 和 SVG 名称清单的元素 type、一个 label、一份同样结构的 children 清单，以及一份 attributes 清单。
3. OpenAI JSON to HTML（OpenAI 1.3，向模型发消息，开着 JSON 输出）把这棵树变成一个带 html 和 title 的 JSON 对象。
4. Format the HTML result（HTML 1.2）把标题和标记放进一个完整页面，页面从 https://cdn.tailwindcss.com 加载 Tailwind 的脚本。
5. Respond to Webhook（版本 1.1）把页面作为文本发出去，带着标头 Content-Type: text/html; charset=UTF-8。

改变风格

• 模型：第一个节点请求体里的 model，和第二个节点里的 Model。
• 设计师的要求：第一个节点请求体里的系统消息。
• 模型可以用的元素：同一个请求体里结构中的 enum 清单。
• 页面的外框：Format the HTML result 里的 HTML。
• 谁可以请求：Webhook 的身份验证选项。

注意事项

• 每个页面要两次模型调用。每次运行的页面都不一样，结果只是粗糙的草稿。
• gpt-6-luna 会先推理再回答（OpenAI 的页面给的默认强度是 medium），所以它可能比它所替代的模型慢一些。
• webhook 没有身份验证。任何拿到地址的人都能用你的密钥发起一次运行。
• 模型写出的东西会作为页面发给浏览器。有人为了作恶而写了 query 的链接，可能让它写出在你 n8n 地址上运行的脚本，所以请打开身份验证，或者只把地址分享给你信任的人。
• 每次打开页面，它都会从一个公开地址加载 Tailwind。
• query 会发给 OpenAI。