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

前提条件

  • 已完成自有域名的注册

    若未完成域名注册,您可以使用阿里云域名服务注册一个域名。本示例使用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. 进入目标Bucket。
    • 新版控制台:单击Bucket列表,之后单击目标Bucket名称。
    • 旧版控制台:在左侧Bucket列表,单击目标Bucket名称。
  4. 单击文件管理 > 上传文件
  5. 上传文件对话框单击直接上传,选择刚创建的网页文件和一个123.jpg的图片文件。
  6. 待上传完成后,关闭上传任务对话框。

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

  1. 进入目标Bucket,找到静态页面设置。
    • 新版控制台
      1. 单击Bucket列表,之后单击目标Bucket名称。
      2. 单击基础设置 > 静态页面
    • 旧版控制台
      1. 在左侧Bucket列表,单击目标Bucket名称。
      2. 单击基础设置页签,找到静态页面区域。
  2. 单击设置,将index.html设置为默认首页;将error.html设置为默认404页
    说明 若您希望访问子目录时可以跳转到子目录下index.html文件,您可以选择开通子目录首页。详情请参见设置静态网站托管
  3. 单击保存

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

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

  1. 在弹出的绑定用户域名对话框,将申请的自定义域名填写在用户域名栏,并开启自动添加CNAME记录
    如果您的域名是非阿里云域名,需要手动添加CNAME记录
  2. 单击提交
说明
  • 更多详情请参见绑定自定义域名
  • 如果您希望用户获得更好的上传、下载体验,或者您的站点需要提供跨国、跨洋等超远距离访问,建议您开启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浏览器的缓存才能看到预期行为。