OBS+CDN 實現(xiàn)OBS靜態(tài)網(wǎng)站托管加速配置實踐

目的：

不想購買云主機，但是又想讓自己的靜態(tài)網(wǎng)站可以對外提供服務(wù)，那么我們可以通過使用華為云OBS靜態(tài)網(wǎng)站托管服務(wù)來實現(xiàn)，與此同時，我們可以再結(jié)合CDN實現(xiàn)對網(wǎng)站的加速訪問.

1準(zhǔn)備工作

1.1創(chuàng)建桶

1.2下載OBS browser客戶端，并安裝

1.3 靜態(tài)網(wǎng)頁文件及目錄已經(jīng)準(zhǔn)備好

2使用OBS browser上傳網(wǎng)站

操作步驟

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”文件就可獲取到訪問密鑰（AK和SK）。

2.3 登錄OBS客戶端

具體參考鏈接地址，請點擊此處

2.4 將網(wǎng)站目錄文件上傳至OBS

本文示例web文件名為moban3101，含有css，fonts，images，js，index，說明這些文件,如下圖：

2.4.1 點擊OBS客戶端左上角 “上傳”按鈕，選擇“上傳文件夾”；

存儲類別選擇“標(biāo)準(zhǔn)存儲”，點擊文件夾“請選擇”，將模板3101中的所有文件夾上傳至OBS根目錄下，之后再操作一次上傳按鈕選擇，“上傳文件”，將index文件上傳到OBS根目錄，最終的上傳效果，如圖2.4.1-3

2.4.1-3

3配置靜態(tài)網(wǎng)站托管

注意：如需將托管的靜態(tài)網(wǎng)站對所有人開放，必須配置匿名用戶可訪問桶內(nèi)的靜態(tài)網(wǎng)站文件。靜態(tài)網(wǎng)站托管配置會在兩分鐘內(nèi)生效。

3.1操作步驟

1.登錄OBS管理控制臺。

2.在桶列表中單擊待操作的桶，進入“概覽”頁面。

3.單擊“權(quán)限>桶策略”。

單擊“公共讀”卡片使桶內(nèi)的所有對象能被公開訪問，如圖3-2所示。

圖3-2

4.在左側(cè)的導(dǎo)航欄，單擊“靜態(tài)網(wǎng)站托管”。

5.單擊“靜態(tài)網(wǎng)站托管”卡片，并勾選“配置到當(dāng)前桶”，如圖3-3所示。

圖3-3

6.單擊“確定”。

7.在OBS上托管靜態(tài)網(wǎng)站配置生效后，可以通過域名訪問該靜態(tài)網(wǎng)站。如果按照如下方法成功訪問網(wǎng)站，表明靜態(tài)網(wǎng)站托管配置成功。如圖3-4

訪問方式：http或https://桶名稱.靜態(tài)網(wǎng)站托管域名

圖3-4

4配置自定義域名綁定

可以在這里將自己的域名與OBS桶訪問域名進行綁定，實現(xiàn)自定義域名訪問存儲在OBS中的文件。同時也可以配置CDN服務(wù)實現(xiàn)加速功能。

4.1操作步驟

1. 登錄OBS管理控制臺。

2. 在左側(cè)導(dǎo)航欄選擇“域名管理”，單擊“綁定用戶域名”，綁定自定義域名到桶域名，如圖4-1所示。

圖4-1

3. 單擊“確定”。

5配置CDN域名加速

完成4.1步驟后，返回到OBS域名管理處，點擊“管理CDN加速”，如圖5-1進入CDN域名加速的配置界面

圖5-1

將需要加速的域名添加到CDN，添加成功后，系統(tǒng)會為該域名分配對應(yīng)的CNAME域名。

5.1操作步驟

1.登錄管理控制臺，選擇“CDN”。

2.在左側(cè)菜單欄中，選擇“域名管理”。

3.在域名管理界面，單擊“添加域名”，系統(tǒng)彈出如圖5.1-1所示對話框。

圖5.1-1

此文檔實踐：業(yè)務(wù)類型我們選擇網(wǎng)站加速，源站選擇源站域名。由于我們使用了華為云的對象存儲服務(wù)（OBS）作為源站，可以直接將OBS靜態(tài)網(wǎng)站托管的訪問域名（如：obs-test.obs-website.cn-north-1.myhwclouds.com）作為源站域名接入CDN，具體OBS訪問域名可以前往您的OBS管理控制臺靜態(tài)網(wǎng)站托管中查看。見圖3-3

4. 域名添加完成后，點擊“設(shè)置”按鈕，進入CDN基本信息詳情頁，如下圖5.1-2，這里我們可以看到有自動生成的CNAME地址信息。后續(xù)配置CNAME解析時需要用到。

圖5.1-2

5. 回源配置

回源HOST是CDN節(jié)點在回源過程中，在源站訪問的站點域名，即http請求頭中的host信息。

本次實踐，我們使用了華為云OBS（對象存儲服務(wù)）桶作為了源站，這個比較特殊。需要將回源HOST自定義為您的OBS訪問域名，（如：obs-test.obs-website.cn-north-1.myhwclouds.com）否則會造成回源失敗。配置如附件5.1-3

Tips：OBS+CDN的配置中，源站信息和回源配置中的域名都是OBS的靜態(tài)網(wǎng)站托管中的域名地址

圖5.1-3

6配置CNAME解析

6.1操作步驟

1. 在域名解析服務(wù)器上配置CNAME記錄，將用戶自定義域名（例如www.example.com）映射成桶域名。

2. 若您使用的是DNS服務(wù)商為華為云，您可通過如下步驟配置 CNAME 記錄。

注：其他DNS服務(wù)商配置大體類似，請以各自DNS服務(wù)商的信息為準(zhǔn)。

3. 在頂部導(dǎo)航欄選擇“服務(wù)列表>網(wǎng)絡(luò) > 云解析服務(wù)”，進入云解析服務(wù)頁面。

4. 在左側(cè)菜單欄中，選擇“公網(wǎng)域名”，進入域名列表頁面。

5. 在待添加記錄集的域名所在行，單擊“域名”列的域名名稱。

6. 單擊“添加記錄集”，進入“添加記錄集”頁面，如圖6-1所示。

圖6-1

根據(jù)界面提示填寫參數(shù)配置，參數(shù)信息如表6-1所示。

參數(shù)

參數(shù)說明

取值樣例

主機記錄

主機記錄指域名前綴。

www

類型

記錄集的類型，此處為CNAME類型。

CNAME-將域名指向另外一個域名

線路類型

用于DNS服務(wù)器在解析域名時，根據(jù)訪問者的來源，返回對應(yīng)的服務(wù)器IP地址。

添加解析線路類型時，切記先添加默認線路類型，以保證網(wǎng)站可訪問。

全網(wǎng)默認

TTL(秒)

記錄集的有效緩存時間，以秒為單位。

默認為“5min”，即300s。

值

需指向的域名。

若沒有開啟CDN加速，該值為桶域名；若開啟CDN加速后，該值為CDN分配的CNAME域名。

www.test.com.c.cdnhwc1.com

描述

可選配置，對域名的描述。

長度不超過255個字符。

表6-1

注：CNAME記錄添加完成后，您需要到域名服務(wù)商處把域名的DNS改成：ns1.hwclouds-dns.com，ns2.hwclouds-dns.net解析才會生效。詳情請點擊此處

7驗證測試

驗證加速域名是否CNAME配置成功

方法一：

打開Windows操作系統(tǒng)中的cmd程序，通過ping加速域名的方式進行查詢。如果回顯的域名不是加速域名，有帶有cdn的字符，則表示配置成功。

方法二：

使用nslookup <加速域名,例www.test.com> ，檢查回顯，有帶有cdn的字符，表示配置成功。如圖7-1

圖7-1

最后，瀏覽器訪問加速域名。測試是否可以和直接訪問OBS靜態(tài)網(wǎng)站托管地址顯示界面一致。見圖3-4。本次測試加速域名訪問如圖7-2，結(jié)果一致，代表配置成功，本實踐配置完成。

圖7-2

歡迎分享，轉(zhuǎn)載請注明出處！

對象存儲服務(wù) OBS 網(wǎng)站 CDN 域名注冊服務(wù)

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。