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

托管静态网站

更新时间: 2019/07/06 12:13

托管静态网站流程

您需要先在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控制台不支持上传文件夹、上传超过50MB的单个文件以及批量上传,如果网站文件较多,建议使用OBS Browser上传,具体操作步骤请参见使用OBS Browser上传文件或文件夹

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

  4. 配置静态网站托管

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

    说明:

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

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

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

    4. 单击“确定”。

  5. 绑定自定义域名

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

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

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

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

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

      4. 单击“确定”。

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

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

    说明:
    • 若绑定自定义域名时未开启CDN加速,则添加的别名记录需指向桶的访问域名。例如:桶“www.example.com”所处区域“亚太-香港”,则需要在域名注册商添加一条值为“www.example.com CNAME www.example.com.obs-website.ap-southeast-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,验证能否访问到配置的默认首页,如图4所示。
      图4 默认首页
    • 在浏览器中输入一个桶中不存在的静态文件访问地址,例如:www.example.com/imgs,验证能否访问到配置的404错误页面,如图5所示。
      图5 404错误页面
    说明:

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

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

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

在文档使用中是否遇到以下问题







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

字符长度不能超过200

反馈内容不能为空!

提交反馈 取消