AI Pages 提供了一套应用模板，旨在帮您快速部署一个可以直接运行的 Web 应用。本文以 NextJS Chat 为例，帮助您快速了解从项目创建到应用上线的一般流程。

演示场景 #

• 您需要快速搭建一个智能对话应用。

• 通过调用托管在火山方舟的大模型，应用实现智能对话功能。

• 您需要将应用发布在您自己的域名下（example.com）并启用 HTTPS 服务。

• 应用需要面向中国大陆以外的访问者进行加速。

演示配置 #

准备工作 #

您需要准备以下资源：

• 域名：您拥有的域名。如果您的应用需要针对中国大陆的访问者进行加速，则需要确保域名已备案。

• SSL 证书：与您域名匹配的 SSL 证书。

操作步骤 #

步骤1：创建项目 #

1. 登录全站加速控制台。

2. 在左侧导航栏，点击 服务概览。

3. 在 Pages 标签页，点击 创建项目。

   

4. 在 项目名称 中，输入一个用以标识该项目的名称。

5. 在 加速区域 中，根据您用户的地理分布，选择加速区域，本演示中我们选 海外。

6. 在模板列表中，选择 NextJS Chat 模板。此时，框架 会自动设置成 Next.js 以及 输出目录 会自动设置成 .next。
   
   

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

   

8. 点击 确认 完成配置。

步骤2：测试应用 #

1. 项目创建完成后，您会进入到 部署记录 标签页，有一个新的部署生成，处于 部署中 状态。等待部署变成 部署成功 状态后，点击部署操作列的 预览 或 页面右上角的 预览。

   

2. 在弹出的对话框中，点击预览地址访问应用。

   

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

   

步骤3：绑定域名 #

1. 点击 项目设置 标签页，在 域名管理 板块，您会看到系统为您创建的测试域名。点击 添加自定义 域名。

   

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

   

3. 点击 确定，完成域名添加。

4. 您的域名被绑定后，在您的域名记录的 CNAME 列，会显示系统分配的 CNAME 名称。您需要在您的 DNS 服务商处创建一条 CNAME 记录，将您的域名指向该 CNAME 名称。

   

步骤4：配置证书 #

1. 在域名记录的 证书 列，点击 配置证书。有关如何购买及创建证书，请参见 证书中心快速入门。

2. 直接上传证书或选择在证书中心的已有证书，然后点击 确定。

   

步骤5：测试域名 #

在浏览器中直接通过您实际的域名（本演示中用 https://example.com）访问应用进行测试。

更多信息 #

添加多个大模型配置 #

由于我们使用了“一键快速创建大模型”（默认模型），所以下拉列表中只有 doubao-seed-1-6-flash-250828模型。

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