文档首页 > > 最佳实践> 使用自定义域名托管静态网站> 托管静态网站

托管静态网站

分享
更新时间:2020/09/14 GMT+08:00

OBS支持通过自定义域名访问托管在OBS上的静态网站。本章节将以一个具体场景作为示例,帮助您了解如何使用自定义域名配置静态网站托管。在此之前,您可能需要了解一些关于OBS静态网站托管的基本概念及操作,详情请参阅静态网站托管

场景介绍

企业A有大量静态网站文件需要存档,但并不希望花费大量的人力、物力在存储资源上。因此该企业开通了OBS,用于托管静态网站,并希望使用自定义域名让该企业下的用户访问这些静态资源,如图1所示。

图1 使用自定义域名访问静态网站示意图

数据规划

执行配置操作前,需要提前规划如表1所示的数据。

表1 数据规划

规划项

说明

示例

自定义域名

用户自己的域名地址。

www.example.com

静态网站首页

访问静态网站时返回的索引页面,即首页。

index.html

404错误页面

当访问错误的静态网站路径时,返回的404错误页面。

error.html

  • index.html的内容为:
    <html>
      <head>
          <title>Hello OBS!</title>
          <meta charset="utf-8">
      </head>
      <body>
          <p>欢迎使用OBS静态网站托管功能</p>
          <p>这是首页</p>
      </body>
    </html>
  • error.html的内容为:
    <html>
      <head>
          <title>Hello OBS!</title>
          <meta charset="utf-8">
      </head>
      <body>
          <p>欢迎使用OBS静态网站托管功能</p>
          <p>这是404错误页面</p>
      </body>
    </html>

托管静态网站流程

您需要先在OBS管理控制台上创建一个桶,用于存放静态网站资源,并启用该桶的静态网站托管,然后通过OBS提供的绑定自定义域名功能,将自定义域名与新创建的桶绑定,再通过云解析服务(Domain Name Service,DNS)创建和配置域名托管,实现自定义域名访问托管在OBS上的静态网站。具体操作流程如下:

  1. 注册域名
  2. 创建桶
  3. 上传静态网站文件
  4. 在OBS上托管静态网站
  5. 绑定自定义域名
  6. 创建和配置域名托管
  7. 验证

托管静态网站步骤

  1. 注册域名

    如果您拥有一个已注册的域名,可跳过本步骤。

    如果您还没有,请选择一个合适的注册商注册一个属于自己企业的域名。在本场景下,以数据规划中的示例域名www.example.com进行注册,在实际操作中,您需要将此域名替换为您自己规划的域名。

  2. 创建桶

    桶名没有特殊要求,您只需要按照界面提示的命名规则创建一个桶用于存储静态网站文件。此处以创建一个桶名称为example的桶为例,其具体操作步骤如下:

    1. 打开OBS管理控制台,根据页面提示进行登录。
    2. 在页面上方单击“创建桶”。
    3. 在弹出的对话框中配置以下参数。
      • 区域:根据就近原则选择离业务较近的区域。
      • 存储类别:推荐选择“标准存储”。

        您也可以根据网站的访问频率以及对响应速度的要求,选择“低频访问存储”或“归档存储”。存储类别详细介绍请参见桶存储类别简介

      • 桶名称:输入“example”。
      • 桶策略:选择“公共读”使桶内对象能够被任何用户访问。
    4. 单击“立即创建”,完成桶创建。

  3. 上传静态网站文件

    整理好待上传的静态网站文件,在OBS控制台重复执行以下步骤,直至所有的静态网站文件都上传至步骤2创建的桶中。

    在支持批量上传的区域,OBS控制台每次最多支持100个文件同时上传,总大小不超过5GB,如果网站文件较多,建议使用OBS Browser+上传,具体操作步骤请参见使用OBS Browser+上传文件或文件夹

    1. 单击待操作的桶名称,进入桶概览页面后在左侧导航栏单击“对象”。
    2. 单击“上传对象”,系统将弹出如图2所示对话框。
      图2 上传对象
    3. 添加待上传的文件。
      • 不可加密上传静态网站文件。
      • 存储类别建议选择“标准存储”。如果静态网站文件的存储类别为“归档存储”,则需要先恢复才能被访问,具体恢复步骤请参见恢复归档存储文件
      • 网站首页文件(index.html)和404错误页面(error.html),需要存放在桶的根目录下。
    4. 单击“上传”完成文件上传。

  4. 配置静态网站托管

    上传完静态网站文件后,您需要执行以下步骤,将当前桶设置为静态网站托管模式。

    您也可以将整个静态网站直接重定向至另一个桶或域名,配置操作请参见重定向请求

    1. 单击桶名称,进入桶概览页面后单击“基础配置 > 静态网站托管”。
    2. 单击“配置静态网站托管”按钮。
    3. 在弹出的对话框中,开启静态网站托管并选择“配置到当前桶”,将“默认首页”配置为数据规划中的index.html,将“默认404错误页面”配置为数据规划中的error.html,如图3所示。
      图3 配置静态网站托管

      您也可以根据业务需求配置重定向规则,实现网站内容重定向,具体操作请参见配置静态网站托管

    4. 单击“确定”。

  5. 绑定自定义域名

    通过OBS绑定自定义域名的操作步骤如下:

    1. 单击桶名称进入“概览”页面,在左侧导航栏选择“域名管理”。
    2. 单击“绑定用户域名”,在“用户域名”输入“www.example.com”,如图4所示。
      图4 绑定用户域名
    3. (可选)配置CDN加速。

      使能CDN加速后,根据托管的静态网站类型选择网站加速、文件下载加速或点播加速。CDN加速需收费,具体请参见CDN价格说明

    4. 单击“确定”,完成自定义域名绑定到桶域名。
    5. (可选)如果开启了CDN加速,需要按照以下步骤配置CDN源站信息。
      1. 在已绑定的自定义域名操作列,单击“管理CDN加速”。
      2. 在打开的CDN控制台页面,单击域名,进入域名基本配置页面。
      3. 在“源站配置”区域单击“编辑”按钮,在弹出的“修改源站信息”弹框中,主源站“类型”选择“源站域名”,并在“源站”输入框中输入OBS静态网站托管域名。

        OBS静态网站托管域名可以进入托管静态网站的桶,在左侧导航栏单击“基础配置 > 静态网站托管”,在页面上方的“访问地址”即静态网站托管域名。

      4. 单击“确定”。

  6. 创建和配置域名托管。

    为了方便对您的自定义域名和静态网站统一管理,实现业务全面云化,您可以直接在华为云提供的云解析服务(Domain Name Service,DNS)上托管您的自定义域名。托管完成后,后续域名解析的管理都可以在云解析服务上进行,包括:管理记录集、管理反向解析、设置域名泛解析等等。

    您也可以直接在域名注册商域名解析中,根据是否开启CDN加速来添加一条别名记录。

    • 若绑定自定义域名时开启了CDN加速,则添加的别名记录需指向CDN提供的加速域名。例如:域名“www.example.com”开启CDN加速后的加速域名为“www.example.com.c.cdnhwc1.com”,则需要在域名注册商添加一条值为“www.example.com CNAME www.example.com.c.cdnhwc1.com”的记录。
    • 若绑定自定义域名时未开启CDN加速,则添加的别名记录需指向桶的访问域名。例如:桶“example”所处区域“华北-北京一”,则需要在域名注册商添加一条值为“www.example.com CNAME example.obs.cn-north-1.myhuaweicloud.com”的记录。

    使用云解析服务创建和配置域名托管的操作步骤如下:

    1. 创建公网域名。

      在云解析服务中创建公网域名,使用步骤1中注册的根域名“example.com”作为创建公网域名。详细的创建方法请参见配置网站解析(第三方注册域名)章节中的“添加域名”部分内容。

    2. 添加别名记录。

      在云解析服务中为托管域名子域名“www.example.com”添加记录集,配置该子域名别名指向OBS的静态网站托管域名。在添加别名记录时参数配置如下:

      • 主机记录:输入“www”。
      • 类型:选择“CNAME-规范名称记录”。
      • 线路类型:选择“全网默认”。
      • TTL():保持默认。
      • :需指向的域名。若绑定自定义域名时没有开启CDN加速,此处填写OBS的桶访问域名;若开启了CDN加速,此处填写CDN提供的加速域名(即CNAME)。

      详细的创建方法请参见增加CNAME类型记录集

    3. 在域名注册商处修改域名解析服务器地址。

      在域名注册商处,将该根域名对应的NS记录中域名解析服务器地址修改为云解析服务(DNS)服务器的地址,具体地址为云解析服务中该公网域名记录集中NS记录的值字段内容信息。

      详细的更改域名解析服务器地址的方法请参见配置网站解析(第三方注册域名)章节中的“更改域名的DNS服务器”部分。

      更改后的域名解析服务器地址将于48小时内生效,具体生效时间请以域名注册商处的说明为准。

  7. 验证。

    • 在浏览器中输入访问地址:www.example.com,验证能否访问到配置的默认首页,如图5所示。
      图5 默认首页
    • 在浏览器中输入一个桶中不存在的静态文件访问地址,例如:www.example.com/imgs,验证能否访问到配置的404错误页面,如图6所示。
      图6 404错误页面

    由于浏览器缓存等原因,您可能需要清除浏览器缓存后才能查看到预期效果。

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!非常感谢您的反馈,我们会继续努力做到更好!
反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

智能客服提问云社区提问