本文将介绍如何使用静态网站托管功能搭建一个静态网站。

步骤一:开通小程序云服务

在您首次使用小程序Serverless服务前,您需要开通小程序云服务。

  1. 登录小程序云控制台。
  2. 云产品开通页面,单击《小程序云服务协议》链接。
    小程序云服务开通
  3. 在阅读后,勾选我已阅读并同意《小程序云服务协议》复选框,然后单击立即开通
  4. 单击前往RAM进行授权
    授权
  5. 单击同意授权完成访问授权。
    同意授权

步骤二:创建服务空间

在使用静态网站托管功能前,您需要先创建一个服务空间。静态网站中的资源会和服务空间进行关联。每个服务空间之间相互独立。

  1. 在左侧导航栏,选择小程序Serverless > 服务空间管理
  2. 单击创建服务空间
  3. 输入服务空间名称和描述,然后单击确定
    服务空间名称可包含3~15个字符,不能以数字和特殊字符开头。

步骤三:开通静态网站托管功能

在一个服务空间下首次使用静态网站托管功能前,您需要开通该服务空间的静态网站托管功能。

  1. 在左侧导航栏,选择小程序Serverless > 静态网站托管
  2. 选择当前服务空间,单击立即开通
    单击立即开通静态网站托管
  3. 请等待3~5分钟至开通完成。
    等待开通静态网站托管功能

步骤四:上传文件

  1. 准备文件,本教程使用如下两个简单的HTML文件。
    • index.html文件内容如下:
      <html>
      <title>Index page</title>
      <body>
      <h2>Hello World!</h2>
      </body>
      </html>
    • error.html文件内容如下:
      <html>
      <title>Error page</title>
      <body>
      <h2>404 error</h2>
      </body>
      </html>
  2. 在小程序云控制台左侧导航栏,选择小程序Serverless > 静态网站托管
  3. 单击上传文件
  4. 单击直接上传,选择index.htmlerror.html文件上传。

步骤五:更新网站配置

  1. 在左侧导航栏,选择小程序Serverless > 静态网站托管
  2. 单击设置 > 更新配置
  3. 修改索引文档和错误文档名称,然后单击确定
    更新网站配置

步骤六:绑定自定义域名

  1. 在小程序云控制台左侧导航栏,选择小程序Serverless > 静态网站托管
  2. 单击设置 > 添加域名
  3. 输入您的自定义域名,然后单击确定
    说明
    • 您输入的自定义域名必须是已备案的。由于工信部备案系统有数据延迟,刚完成备案的域名请在8个小时以后再配置。
    • 添加成功后,立即刷新可能无法看到新增域名。更新需要1~2分钟的同步时间,请稍后刷新页面查看。
  4. 在域名解析服务商处,配置为您分配的CName记录。使用阿里云云解析添加CName解析记录,请参见添加解析记录
    domain

步骤七:为自定义域名绑定证书

  1. 在小程序云控制台左侧导航栏,选择小程序Serverless > 静态网站托管
  2. 单击设置
  3. 选择需要绑定证书的域名,单击证书 > 绑定证书
  4. 本教程中使用第三方证书。证书类型选择新增证书,填写证书名称、证书内容和证书私钥,单击确定
    新增证书

步骤八:访问静态网站

  1. 在浏览器地址栏输入绑定的自定义域名,访问网站主页。
    index_page
  2. 在浏览器地址栏输入网站下任意不存在路径(例如www.example.com/xxxxx),将会显示error.html页面内容。
    404page_