本文介绍如何使用自定义域名设置静态网站托管。

前提条件

  • 已完成自有域名的注册

    若未完成域名注册，您可以使用阿里云域名服务注册一个域名。本示例使用examplewebsite.com作为域名，实际使用中请使用您注册的域名替换此域名。

  • 已完成域名备案

    中国大陆地区需将域名备案后才可以绑定到Bucket上。

  • 已创建公共读的Bucket

    请参见创建存储空间的步骤创建Bucket。本示例以originbucket作为Bucket名。

步骤1：上传网页文件

配置静态网站托管前，我们需要先上传两个html的文件作为网站首页和默认404页面，另外还需要上传部分文件作为测试使用。

  1. 创建两个html格式的文件。一个文件用作网站首页，另一个文件用作网站的错误页面。
    本示例中将以以下内容创建两个简单的html文件：
    • 默认首页

      创建名为index.html的文件作为静态网站的默认首页，内容如下： 

      <html>
   <head>
       <title>Hello OSS!</title>
       <meta charset="utf-8">
   </head>
   <body>
       <p>开始阿里云OSS托管</p>
       <p>这是索引页面</p>
   </body>
 </html>
    • 默认404页
      创建名为error.html的文件作为静态网站的默认404页面，内容如下： 
      <html>
<head>
   <title>Hello OSS!</title>
   <meta charset="utf-8">
</head>
<body>
   <p>这是404错误页面</p>
</body>
</html>
    说明 您必须保证这两个文件处于可读状态，否则会导致静态网页无法被访问。
  2. 登录OSS管理控制台。
  3. 在左侧存储空间列表中，单击目标存储空间。
  4. 单击文件管理 > 上传文件。
  5. 在上传文件对话框单击直接上传，选择刚创建的网页文件和一个123.jpg的图片文件。
  6. 待上传完成后，关闭上传任务对话框。

步骤2：配置静态网站托管

  1. 单击基础设置页签，找到静态页面区域。
  2. 单击设置，将index.html设置为默认首页；将error.html设置为默认404页。
    说明 若您希望访问子目录时可以跳转到子目录下index.html文件，您可以选择开通子目录首页。详情请参见设置静态网站托管。
  3. 单击保存。

步骤3：将自有域名绑定到Bucket

将自有域名examplewebsite.com绑定到Bucket。绑定完成后，您可以使用您的域名代替OSS分配的域名来访问Bucket。

  1. 单击域名管理 > 绑定用户域名
  2. 在弹出的绑定用户域名对话框，将申请的自定义域名填写在用户域名栏，并开启自动添加CNAME记录。
    如果您的域名是非阿里云域名，需要手动添加CNAME记录。
  3. 单击提交
说明
  • 更多详情请参见绑定自定义域名。
  • 如果您希望用户获得更好的上传、下载体验，或者您的站点需要提供跨国、跨洋等超远距离访问，建议您开启OSS的传输加速服务，并将CNAME指向传输加速域名。绑定传输加速域名步骤请参见绑定传输加速域名。

步骤4：测试网站

要验证网站是否正常运行，请在浏览器中尝试以下URL：

URL 结果
http://examplewebsite.com 显示originbucket的默认首页。
访问originbucket中存在的文件，如http://examplewebsite.com/123.jpg 显示123.jpg的内容。
访问originbucket中不存在的文件的URL，例如http://examplewebsite.com/abc 显示originbucket的默认404页面。
说明 某些情况下，可能需要清除Web浏览器的缓存才能看到预期行为。