IGA Pages 提供了一套应用模板,旨在帮您快速部署一个可以直接运行的 Web 应用。本文以 NextJS Chat 为例,帮助您快速了解从项目创建到应用上线的一般流程。
演示场景
- 您需要快速搭建一个智能对话应用。
- 通过调用托管在火山方舟的大模型,应用实现智能对话功能。
- 您需要将应用发布在您自己的域名下(example.com)并启用 HTTPS 服务。
- 应用需要面向中国大陆以外的访问者进行加速。
演示配置
配置项 | 配置方案 |
|---|
模板 | NextJS Chat 模板 |
大模型 | 托管在火山方舟的 doubao-seed-1-6-flash-250828 模型。这个是目前 Pages 的默认模型,选择该模型则您无需事先在火山方舟中准备 API Key。 |
加速区域 | 海外 |
域名 | example.com |
证书 | 托管在证书中心的与域名匹配的证书。 |
准备工作
您需要准备以下资源:
- 域名:您拥有的域名。如果您的应用需要针对中国大陆的访问者进行加速,则需要确保域名已备案。
- SSL 证书:与您域名匹配的 SSL 证书。
操作步骤
步骤1:创建项目
- 登录全站加速控制台。
- 在左侧导航栏,点击 服务概览。
- 在 Pages 标签页,点击 创建项目。

- 在 项目名称 中,输入一个用以标识该项目的名称。
- 在 加速区域 中,根据您用户的地理分布,选择加速区域,本演示中我们选 海外。
- 在模板列表中,选择 NextJS Chat 模板。

- 此时,大模型配置 会自动开启,在 大模型1 条目中,选择 一键快速创建大模型。

- 点击 确认 完成配置。
步骤2:测试应用
- 项目创建完成后,您会进入到 部署记录 标签页,有一个新的部署生成,处于 部署中 状态。等待部署变成 部署成功 状态后,点击部署操作列的 预览 或 页面右上角的 预览。

- 在弹出的对话框中,点击预览地址访问应用。

- 在对话窗口中输入消息,测试下智能对话是否运作正常。

步骤3:绑定域名
- 点击 项目设置 标签页,在 域名管理 板块,您会看到系统为您创建的测试域名。点击 添加自定义 域名。

- 在添加 添加自定义域名 对话框中,输入您的域名。首次添加某域名时,系统会提示您验证您对该域名的所有权。您需要按界面上提示的要求,在您的 DNS 服务商处添加一条 txt 记录,包含系统提供的记录值。等该 txt 记录生效后点击 验证域名。

- 点击 确定,完成域名添加。
- 您的域名被绑定后,在您的域名记录的 CNAME 列,会显示系统分配的 CNAME 名称。您需要在您的 DNS 服务商处创建一条 CNAME 记录,将您的域名指向该 CNAME 名称。
说明
DCDN 的 域名管理 模块暂不支持查看已成功绑定到 IGA Pages 的自定义域名信息。如需查看和配置相关域名,请提交工单联系技术支持。

步骤4:配置证书
- 在域名记录的 证书 列,点击 配置证书。有关如何购买及创建证书,请参见 证书中心快速入门。
- 直接上传证书或选择在证书中心的已有证书,然后点击 确定。

步骤5:测试域名
在浏览器中直接通过您实际的域名(本演示中用 https://example.com)访问应用进行测试。
更多信息
添加多个大模型配置
由于我们使用了“一键快速创建大模型”(默认模型),所以下拉列表中只有 doubao-seed-1-6-flash-250828模型。

如果您在创建项目时添加了多个大模型配置,系统则会为每个大模型配置创建三个环境变量,变量名加序号后缀,例如,第一大模型配置的三个变量为 BASE_URL_1、MODEL_1、API_KEY_1,依此类推。
