🛠️准备工作
获取第三方数据源凭证 (Token)
学习如何安全地提取本地合法授权凭证(Request Headers),以便将您的第三方设计平台数据接入 VectoUI。
最后更新:2026/4/8
⚠️ 合规与免责声明 VectoUI 是一款中立的本地化编译引擎。为了拉取您在第三方平台(如蓝湖)的设计资产,您需要提供您本人的合法访问凭证(Request Headers)。 以下教程使用第三方开源 Chrome 插件进行本地数据提取。VectoUI 不提供抓包服务,也不收集、不存储您的任何凭证数据。请确保您拥有访问目标数据的合法权限。
第一步:安装开源提取插件
请在基于 Chromium 内核的浏览器(如 Chrome, Edge)中,安装由开源社区提供的请求头提取工具: 👉 点击此处前往 Chrome 网上应用店安装「API Request Fetcher」
第二步:配置提取规则
安装完成后,点击浏览器扩展栏中的插件图标,进入设置页面,填写以下规则:
- 目标域名: 填写
lanhuapp.com - 自定义提取字段: 将以下字段完整复制并粘贴到输入框中:
sec-ch-ua-platform,sec-ch-ua-mobile,sec-ch-ua,authorization, cookie,referer,accept,user-agent
第三步:获取并复制凭证
- 在浏览器中打开蓝湖官网并登录您的账号。
- 进入您的团队空间,请先点开任意一个具体的设计稿件,等待页面加载完毕后,再返回到团队目录或项目主页。(此操作是为了确保插件能捕获到完整的鉴权网络请求)
- 此时,点击浏览器右上角的「API Request Fetcher」插件图标。
- 插件会自动捕获当前页面的合法授权信息。点击面板下方的 “复制结果” 按钮。
📌 提取结果示例: 复制出来的数据应为 JSON 格式,结构如下所示(出于安全考虑,示例中的鉴权 Token 及 Cookie 等敏感信息已打码):
{
"accept": "application/json, text/plain, */*",
"authorization": "Basic [您的授权凭证信息]...",
"cookie": "[您的Cookie信息]...",
"referer": "[https://lanhuapp.com/](https://lanhuapp.com/)",
"sec-ch-ua": "\"Chromium\";v=\"146\", \"Not-A.Brand\";v=\"24\", \"Google Chrome\";v=\"146\"",
"sec-ch-ua-mobile": "?0",
"sec-ch-ua-platform": "\"macOS\"",
"user-agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36"
}
下一问
看完准备文章后,下一问通常会继续到接入、状态和异议处理
准备文章解决的是前置条件,不应该把后续接入、状态判断和异议处理继续压在同一页里。