与你的 AI 设计软件无缝集成

开通 Refore Web to AI 企业版后，Web to AI 浏览器插件录制完页面跳转的结果页里除了可以下载文件和获取转化后的页面 URL，还会多一个按钮，用户点击按钮就可以直接跳转到您的 AI 设计工具页面了。

跳转过去的链接里会有一个import参数，参数值是一个包含页面 URL（也支持多页面）的 JSON（具体格式参看下面的字段说明和代码示例），根据这些 URL 下载完所有的 HTML 文件后，就可以将它们导入到您的 AI 设计工具里作为 AI 设计的第一个版本了。

url参数字段

字段	类型	说明
import	string	它的值是一个临时 url, 用 Get 方法访问这个 url 能得到一个 JSON 字符串

示例：

https://your-ai-tool-domain.ai/your-path?import=https://s.reforeai.cn/s/k23zlabo

通过 import 参数获得的 JSON 的字段说明

字段	类型	说明
name	string	用户录制的首个页面的标题
urls	string[]	Web to AI 转化后的页面链接数组，每一个页面是一个链接，对应一个 HTML 文件

示例：

{
  "name": "简单10倍、快10倍 - 产品原型设计 AI 工具链 - Refore AI 设计",
  "urls": [
    "https://s-a.dwimg.top/pretty-html/t/faad0be065/Original/cmfdf4ezv001ql1uraitz4yf3.html?q-sign-algorithm=sha1&q-ak=AKIDtkaM379xoW1GG0UmqfJitrZ3vaEtU2Ty&q-sign-time=1757477257;1757563657&q-key-time=1757477257;1757563657&q-header-list=host&q-url-param-list=&q-signature=3c8b853d63e45111892beb4806a715a87bc35757"
  ]
}

代码示例

假设 https://your-ai-tool-domain.ai/your-path 是您的AI设计工具提供给 Refore Web to AI 的跳转地址，那么 Refore Web to AI 跳转到您这边的链接大概是这样的：

https://your-ai-tool-domain.ai/your-path?import=https://s.reforeai.cn/s/k23zlabo

您用下面的代码就可以取到所有页面的 HTML 代码:

const params = new URLSearchParams(location.search);  // 获取当前 URL 的所有 Get 参数
fetch(params.get('import'))
  .then((res) => res.json())
  .then((json) => {
    return Promise.all(json.urls.map((url) => fetch(url).then((res) => res.text())));
  })
  .then((htmls) => {
    console.log(htmls);
  });