OBS+CDN 实现OBS静态网站托管加速配置实践

举报
极客潇 发表于 2018/12/19 14:55:13 2018/12/19
【摘要】 目的: 不想购买云主机,但是又想让自己的静态网站可以对外提供服务,那么我们可以通过使用华为云OBS静态网站托管服务来实现,与此同时,我们可以再结合CDN实现对网站的加速访问. 1准备工作 1.1创建桶 1.2下载OBS browser客户端,并安装 1.3 静态网页文件及目录已经准备好 2使用OBS browser上传网站 操作步骤 ...

 

目的:

不想购买云主机,但是又想让自己的静态网站可以对外提供服务,那么我们可以通过使用华为云OBS静态网站托管服务来实现,与此同时,我们可以再结合CDN实现对网站的加速访问.

1准备工作

1.1创建桶

1.2下载OBS browser客户端,并安装

1.3 静态网页文件及目录已经准备好

2使用OBS browser上传网站

操作步骤

2.1下载OBS Browser软件包

 

OBS Browser软件包集成在OBS管理控制台中,登录OBS管理控制台,在OBS管理控制台主界面单击“下载OBS Browser”。也可以单击这里获取OBS Browser软件包。将下载好的软件包解压后双击“obs.exe”文件即可运行OBS Browser

 

2.2获取AK/SK

1.     登录OBS管理控制台。

2.     单击页面右上角的用户名,并选择“我的凭证”。

3.     进入“我的凭证”页面,单击“管理访问密钥”页签下方的“新增访问密钥”,并填写必要信息。

4.     打开下载下来的“credentials.csv”文件就可获取到访问密钥(AKSK)。

 1.png

2.3 登录OBS客户端

具体参考链接地址,请点击此处

 

2.4 将网站目录文件上传至OBS

本文示例web文件名为moban3101,含有cssfontsimagesjsindex,说明这些文件,如下图:

3.png


2.4.1 点击OBS客户端左上角 “上传”按钮,选择“上传文件夹”;

         存储类别选择“标准存储”,点击文件夹“请选择”,将模板3101中的所有文件夹上传至OBS根目录下,之后再操作一次上传按钮选择,“上传文件”,将index文件上传到OBS根目录,最终的上传效果,如图2.4.1-3

 

 

4.png


5.png

2.4.1-3

 

3配置静态网站托管

注意:如需将托管的静态网站对所有人开放,必须配置匿名用户可访问桶内的静态网站文件。静态网站托管配置会在两分钟内生效。

 

 

3.1操作步骤

1.登录OBS管理控制台。

2.在桶列表中单击待操作的桶,进入“概览”页面。

 

3.单击“权限>桶策略”。

单击“公共读”卡片使桶内的所有对象能被公开访问,如图3-2所示。

5.png

3-2

 

4.在左侧的导航栏,单击“静态网站托管”。

5.单击“静态网站托管”卡片,并勾选“配置到当前桶”,如图3-3所示。

1.png


3-3

6.单击“确定”。

7.OBS上托管静态网站配置生效后,可以通过域名访问该静态网站。如果按照如下方法成功访问网站,表明静态网站托管配置成功。如图3-4

 访问方式:http或https://桶名称.静态网站托管域名


11.png

 


3-4

 

 

4配置自定义域名绑定

可以在这里将自己的域名与OBS桶访问域名进行绑定,实现自定义域名访问存储在OBS中的文件。同时也可以配置CDN服务实现加速功能。

 

4.1操作步骤

1. 登录OBS管理控制台。

2. 在左侧导航栏选择“域名管理”,单击“绑定用户域名”,绑定自定义域名到桶域名,如图4-1所示。


111.png

4-1

 

3. 单击“确定”。

5配置CDN域名加速

完成4.1步骤后,返回到OBS域名管理处,点击“管理CDN加速”,如图5-1进入CDN域名加速的配置界面

222.png

5-1

将需要加速的域名添加到CDN,添加成功后,系统会为该域名分配对应的CNAME域名。

5.1操作步骤

1.登录管理控制台,选择“CDN”。

2.在左侧菜单栏中,选择“域名管理”。

3.在域名管理界面,单击“添加域名”,系统弹出如图5.1-1所示对话框。

33.png

5.1-1

此文档实践:业务类型我们选择网站加速,源站选择源站域名。由于我们使用了华为云的对象存储服务(OBS)作为源站,可以直接将OBS静态网站托管的访问域名(如:obs-test.obs-website.cn-north-1.myhwclouds.com)作为源站域名接入CDN,具体OBS访问域名可以前往您的OBS管理控制台静态网站托管中查看。见图3-3

 

4. 域名添加完成后,点击“设置”按钮,进入CDN基本信息详情页,如下图5.1-2,这里我们可以看到有自动生成的CNAME地址信息。后续配置CNAME解析时需要用到。

333.png

5.1-2

5. 回源配置

回源HOSTCDN节点在回源过程中,在源站访问的站点域名,即http请求头中的host信息。

本次实践,我们使用了华为云OBS(对象存储服务)桶作为了源站,这个比较特殊。需要将回源HOST自定义为您的OBS访问域名,(如:obs-test.obs-website.cn-north-1.myhwclouds.com否则会造成回源失败。配置如附件5.1-3

TipsOBS+CDN的配置中,源站信息和回源配置中的域名都是OBS的静态网站托管中的域名地址

44.png

 

5.1-3

 

6配置CNAME解析

6.1操作步骤

1. 在域名解析服务器上配置CNAME记录,将用户自定义域名(例如www.example.com)映射成桶域名。

2. 若您使用的是DNS服务商为华为云,您可通过如下步骤配置 CNAME 记录。

注:其他DNS服务商配置大体类似,请以各自DNS服务商的信息为准。

 

3. 在顶部导航栏选择“服务列表>网络 > 云解析服务”,进入云解析服务页面。

4. 在左侧菜单栏中,选择“公网域名”,进入域名列表页面。

5. 在待添加记录集的域名所在行,单击“域名”列的域名名称。

6. 单击“添加记录集”,进入“添加记录集”页面,如图6-1所示。

6.png

6-1

 

根据界面提示填写参数配置,参数信息如表6-1所示。

参数

参数说明

取值样例

主机记录

主机记录指域名前缀。

www

类型

记录集的类型,此处为CNAME类型。

CNAME-将域名指向另外一个域名

线路类型

用于DNS服务器在解析域名时,根据访问者的来源,返回对应的服务器IP地址。
  添加解析线路类型时,切记先添加默认线路类型,以保证网站可访问。

全网默认

TTL(秒)

记录集的有效缓存时间,以秒为单位。

默认为“5min”,即300s。

需指向的域名。
  若没有开启CDN加速,该值为桶域名;若开启CDN加速后,该值为CDN分配的CNAME域名。

www.test.com.c.cdnhwc1.com

描述

可选配置,对域名的描述。
  长度不超过255个字符。


6-1

注:CNAME记录添加完成后,您需要到域名服务商处把域名的DNS改成:ns1.hwclouds-dns.comns2.hwclouds-dns.net解析才会生效。详情请点击此处

7验证测试

验证加速域名是否CNAME配置成功

方法一:

打开Windows操作系统中的cmd程序,通过ping加速域名的方式进行查询。如果回显的域名不是加速域名,有带有cdn的字符,则表示配置成功。

方法二:

使用nslookup <加速域名,www.test.com> ,检查回显,有带有cdn的字符,表示配置成功。如图7-1

66.png

 

7-1

 

最后,浏览器访问加速域名。测试是否可以和直接访问OBS静态网站托管地址显示界面一致。见图3-4。本次测试加速域名访问如图7-2,结果一致,代表配置成功,本实践配置完成。

77.png

7-2

 

欢迎分享,转载请注明出处!

 

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。