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

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

在您首次使用小程序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.html和error.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_