通过模板创建Pages

前提条件

• 已开通函数和Pages服务。

• 拥有一个可用的Github账号。

Pages模板创建

1. 登录ESA控制台，在左侧导航栏选择边缘计算 > 函数和Pages。

2. 在边缘函数页面，单击创建。

3. 在Pages模板创建页签，选择合适的框架模板，单击下一步。

   

4. 单击添加Github账号进入Github授权页。

   

5. 登录Github账号后，在授权页面默认选择All repositories，单击Install & Authorize完成仓库授权。

6. 选择已添加的Github账户，填写项目名称，单击开始部署后即可开始自动构建。

   

7. 等待系统构建完成后，将为您生成一个公共域名访问链接，可直接访问预览效果。

   

   

如何绑定自定义域名

完成创建后，为便于后续访问，您可以将站点接入ESA，然后以记录的形式添加公共访问链接至您的域名DNS记录中，实现自定义域名访问：

1. 系统构建完成后，单击绑定域名为Page绑定站点下的域名记录，用于后续函数访问。

   

2. 在域名页面，您可以通过配置域名绑定或路由绑定自定义记录。

   通过域名配置

   域名绑定功能允许您将Pages链接至自己的站点域名，在完成域名绑定后，您可以直接使用该域名对Pages进行访问。

   1. 在域名绑定单击添加域名。

   2. 输入需要绑定的自定义记录如page.example.com，单击确定。

   说明

   NS接入的域名：绑定域名后，会自动帮您添加一条DNS记录用来绑定边缘函数。

   CNAME接入的域名：绑定域名后，会自动生成一个CNAME值，需手动在当前站点对应的域名解析服务商添加CNAME解析。

   通过路由配置

   路由功能允许您将某些URL映射到Pages。如为example.com站点配置了example.com/a*的路由规则后，所有与路由规则匹配的路径访问例如/a、/a1、/a2都会由Pages处理，而其他与路由规则不匹配的路径访问例如/b、/c、/d会继续遵循加速回源或缓存的流程。

   

   1. 在路由区域，单击添加路由。

   2. 填写路由名称如Pages，在选择站点列表中选择目标站点，例如：example.com，默认选择简单模式。路由的前缀和后缀配置可根据业务情况参考下述示例配置：

      • 示例1：路由填写*.example.com/*，表示任何发送到http://pages.example.com/或http://example.com/的请求都会被转发到Pages。

      • 示例2：路由填写example.com/a*，表示任何发送到http://example.com/a、http://example.com/a1或http://example.com/api的请求会被转发到Pages。

      • 示例3：路由填写pages.example.com/api/*，表示任何发送到 http://pages.example.com/api/ 及其子路径的请求（例如 http://pages.example.com/api/users 或 http://pages.example.com/api/products/123）都会被转发到Pages。

      

      说明

      • 如果路由输入的是*.example.com或pages.example.com这种带有前缀的域名，还需要在ESA的DNS记录中手动添加一条记录，否则访问失败。

      • 函数路由如果存在多条配置，从上至下一旦有一条匹配成功，则跳出不再执行下面的匹配。

3. 绑定完成后将自动在对应站点下生成一条DNS记录。若该站点为NS接入则可以直接通过自定义域名进行访问，若为CNAME接入则需要在DNS服务商处增加一条CNAME记录。

4. 在浏览器中访问自定义的域名记录即可查看创建的Page。