本文将介绍如何使用静态网站托管功能搭建一个静态网站。
步骤一、开通EMAS服务
登录阿里云控制台。
鼠标悬停在左上角的图标上,然后在产品与服务中,打开产品和服务列表。
在产品列表中,选择开发与运维 > 移动研发平台 EMAS,进入产品介绍页。
在产品介绍页中单击立即开通。
步骤三、创建服务空间
在使用静态网站托管功能前,您需要先创建一个服务空间。静态网站中的资源会和服务空间进行关联。每个服务空间之间相互独立。
在控制台上方导航栏,选择平台服务。
在左侧导航栏,单击
。单击创建服务空间。
在创建服务空间页面,填写如下信息。
参数名
说明
服务空间名称
您可根据需要自定义服务空间名称,名称规则:
只能包含字母、数字
不能以数字开头
长度限制在 3-15 之间
描述
简要描述服务空间的用途。
支付方式
包含套餐和按量付费两种。
说明当选择套餐方式时,可设置到期自动续费。
单击创建并支付定。
服务空间创建成功后,在详情页可查看以下信息:
在空间基本信息页签,可展示空间名称、空间状态、计费模式等信息。
在空间接入信息页签,可查看SpaceID、Secret、API Endpoint和文件上传Endpoint等信息。
开通静态网站托管功能
在一个服务空间下首次使用静态网站托管功能前,您需要开通该服务空间的静态网站托管功能。
操作步骤
登录EMAS管理控制台。
查找您的项目,单击项目,进入EMAS概览页。
在顶部导航栏,选择平台服务。
在左侧导航栏,选择
静态网站托管。选择当前服务空间,单击立即开通。
请等待3~5分钟至开通完成。
步骤四:上传文件
准备文件,本教程使用如下两个简单的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>
在
控制台左侧导航栏,选择 。单击上传文件。
单击直接上传,选择index.html和error.html文件上传。
步骤五:更新网站配置
在
控制台左侧导航栏,选择 。单击
。修改索引文档和错误文档名称,然后单击确定。
步骤六:绑定自定义域名
在
控制台左侧导航栏,选择 。单击设置 > 添加域名。
输入您的自定义域名,然后单击确定。
说明您输入的自定义域名必须是已备案的。由于工信部备案系统有数据延迟,刚完成备案的域名请在8个小时以后再配置。
添加成功后,立即刷新可能无法看到新增域名。更新需要1~2分钟的同步时间,请稍后刷新页面查看。
在域名解析服务商处,配置为您分配的CName记录。使用阿里云云解析添加CName解析记录,请参见添加解析记录。
步骤七:为自定义域名绑定证书
在
控制台左侧导航栏,选择 。单击设置。
选择需要绑定证书的域名,单击
。本教程中使用第三方证书。证书类型选择新增证书,填写证书名称、证书内容和证书私钥,单击确定。
步骤八:访问静态网站
在浏览器地址栏输入绑定的自定义域名,访问网站主页。
在浏览器地址栏输入网站下任意不存在路径(例如
www.example.com/xxxxx
),将会显示error.html页面内容。