静态网站托管最佳实践

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

步骤一、开通EMAS服务

  1. 登录阿里云控制台

  2. 鼠标悬停在左上角的图标上,然后在产品与服务中,打开产品和服务列表。

  3. 在产品列表中,选择开发与运维 > 移动研发平台 EMAS,进入产品介绍页。

  4. 在产品介绍页中单击立即开通

步骤三、创建服务空间

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

  1. 在控制台上方导航栏,选择平台服务

  2. 在左侧导航栏,单击EMAS Serverless

  3. 单击创建服务空间

  4. 创建服务空间页面,填写如下信息。

    参数名

    说明

    服务空间名称

    您可根据需要自定义服务空间名称,名称规则:

    • 只能包含字母、数字

    • 不能以数字开头

    • 长度限制在 3-15 之间

    描述

    简要描述服务空间的用途。

    支付方式

    包含套餐按量付费两种。

    说明

    当选择套餐方式时,可设置到期自动续费

  5. 单击创建并支付

    服务空间创建成功后,在详情页可查看以下信息:

    空间基本信息页签,可展示空间名称空间状态计费模式等信息。

    空间接入信息页签,可查看SpaceIDSecretAPI Endpoint文件上传Endpoint等信息。

开通静态网站托管功能

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

操作步骤

  1. 登录EMAS管理控制台

  2. 查找您的项目,单击项目,进入EMAS概览页。

  3. 在顶部导航栏,选择平台服务

  4. 在左侧导航栏,选择EMAS Serverless > 静态网站托管

  5. 选择当前服务空间,单击立即开通

    单击立即开通静态网站托管
  6. 请等待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. EMAS Serverless控制台左侧导航栏,选择静态网站托管

  3. 单击上传文件

  4. 单击直接上传,选择index.htmlerror.html文件上传。

步骤五:更新网站配置

  1. EMAS Serverless控制台左侧导航栏,选择静态网站托管

  2. 单击设置 > 更新配置

  3. 修改索引文档和错误文档名称,然后单击确定

    更新网站配置

步骤六:绑定自定义域名

  1. EMAS Serverless控制台左侧导航栏,选择静态网站托管

  2. 单击设置 > 添加域名。

  3. 输入您的自定义域名,然后单击确定

    说明
    • 您输入的自定义域名必须是已备案的。由于工信部备案系统有数据延迟,刚完成备案的域名请在8个小时以后再配置。

    • 添加成功后,立即刷新可能无法看到新增域名。更新需要1~2分钟的同步时间,请稍后刷新页面查看。

  4. 在域名解析服务商处,配置为您分配的CName记录。使用阿里云云解析添加CName解析记录,请参见添加解析记录

    domain

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

  1. EMAS Serverless控制台左侧导航栏,选择静态网站托管

  2. 单击设置

  3. 选择需要绑定证书的域名,单击证书 > 绑定证书

  4. 本教程中使用第三方证书。证书类型选择新增证书,填写证书名称、证书内容和证书私钥,单击确定

    新增证书

步骤八:访问静态网站

  1. 在浏览器地址栏输入绑定的自定义域名,访问网站主页。

    index_page
  2. 在浏览器地址栏输入网站下任意不存在路径(例如www.example.com/xxxxx),将会显示error.html页面内容。

    404page_
阿里云首页 移动研发平台 相关技术圈