使用對象存儲COS托管靜态網站
在此實踐中,使用者可以在騰訊雲對象存儲(以下簡稱 COS)上托管靜态網站,訪客可以通過自定義域名(例如 www.example.com )通路托管的靜态網站。無論是想在 COS 上托管已有靜态網站還是從零開始建站,此實踐可幫助使用者在 COS 上托管靜态網站。以下是具體步驟:
步驟預覽

以下是實踐過程中,将會用到的相關服務:
域名注冊:如果還未注冊域名,則需要先注冊一個域名,例如 www.example.com 。可通過騰訊雲 域名注冊 申請域名。通常,隻需少量費用,即可擁有一個域名。
COS:使用 COS 建立存儲桶 ,配置權限以允許每個人檢視内容,然後上傳網頁内容。
内容分發網絡:内容分發網絡(以下簡稱 CDN)和雲解析服務将共同作用,使域名和網站内容綁定,同時為靜态網站加速,降低通路延遲,提高可用性。
雲解析:利用雲解析,可将域名和網站内容綁定在一起,實作使用自定義域名通路靜态網站的目的。
本指南中的所有步驟都使用<code>www.example.com</code> 作為示例域名。實際操作中請使用你的自有域名替換此域名。
域名注冊是在網際網路上建立任何服務的基礎。注冊域名之後,還需要進行備案,網站才能正常通路。請根據您的具體情況進行操作:
· 已注冊域名并備案,可跳過本步驟,進行 步驟二。
· 已注冊域名但未備案,請進行 域名備案。
· 未注冊域名,請先 注冊域名,再進行 域名備案。
在完成域名注冊及備案後,您需要在 COS 控制台中執行以下任務,以建立和配置網站内容:
2.1 為您的網站内容建立存儲桶。
2.2 配置存儲桶并上傳内容。
請使用騰訊雲賬号登陸 COS 控制台,為您的網站建立相應的存儲桶。存儲桶在 COS 中用于存儲資料,您可以将網站内容存儲在一個存儲桶中。可通過 COS 概覽頁或 Bucket 清單快速建立存儲桶,詳細設定可參考 建立存儲桶:
通過概覽頁
i. 登入對象存儲控制台後,當您首次建立存儲桶時,請單擊概覽頁上的【建立 Bucket】,彈出建立 Bucket 對話框。
ii. 請填寫存儲桶名稱(如 example),標明存儲桶所屬地域(請參閱 可用地域),點選【确定】即可快速建立一個存儲桶。
通過 Bucket 清單
i. 登入對象存儲控制台後,請點選左側導航【 Bucket 清單】,進入 Bucket 清單。
ii. 單擊【+ 建立 Bucket】,彈出建立 Bucket 對話框。
iii. 請填寫存儲桶名稱(如 example),標明存儲桶所屬地域(請參閱 可用地域),點選【确定】即可快速建立一個存儲桶。
将存儲桶的通路權限設定為公有讀私有寫,使網站内容可被公開通路。i. 在 COS 控制台,單擊已建立好的存儲桶。ii. 進入存儲桶後,單擊【基礎配置】>基本資訊的【編輯】按鈕。iii. 修改存儲桶的通路權限為公有讀私有寫,儲存即可。
将您的網站内容上傳到已建立好的存儲桶。
單擊【檔案清單】,在檔案清單頁面上傳網站内容。詳細說明請參考 上傳對象。
公有讀私有寫:任何人(包括匿名通路者)都對該存儲桶中的對象有讀權限,但隻有存儲桶建立者及有相應權限的賬号才對該存儲桶中的對象有寫權限。
私有讀寫:隻有該存儲桶的建立者及有相應權限的賬号才對該存儲桶中的檔案有讀寫權限,其他任何人對該存儲桶中的對象都沒有讀寫權限。
在存儲桶中托管的内容可以是文本檔案、照片、視訊——任何您想要托管的内容。如果還未建構網站,則隻需為此實踐建立一個檔案。
例如,您可使用以下 HTML 建立檔案,并将其上傳到存儲桶。網站首頁的檔案名通常為 index.html。在後續步驟中,您将提供此檔案作為網站的索引文檔。
·
開啟靜态網站功能後,當使用者通路任何不帶檔案指向的一級目錄時,COS 預設優先比對對應存儲桶目錄下 index.html,其次為 index.htm,若無此檔案,則傳回 404。
使用者隻有綁定自定義域名并開啟靜态網站功能後,才可以直接在浏覽器中打開資源。使用預設提供的域名(CDN 加速域名和 COS 預設域名)通路資源時将始終彈出下載下傳框。
可設定自定義域名直接指向存儲桶,并開通靜态網站功能,達到通過浏覽器直接通路網站的目的(存儲桶中的内容)。同時為降低網站通路延遲,提高可用性。在此實踐中,在綁定自定義域名的同時,為自定義域名開啟 CDN 加速(不開啟 CDN 加速的配置請參考 域名管理-配置自定義域名),使網站訪客擷取更好的浏覽體驗。
在進行自定義域名添加時,有兩種途徑供您選擇:
· 通過 CDN 控制台添加
· 通過 COS 控制台添加
如果您想在添加自定義域名的同時,進行 CDN 進階管理和配置,可優先選擇 CDN 控制台添加域名。本實踐中不涉及 CDN 進階管理和配置,如需幫助,請參考 CDN 配置管理。
如果您隻需要先添加自定義域名,不進行其他配置,COS 控制台添加将節省時間。
通過 CDN 控制台添加i. 請登入 CDN 控制台,從左側導航進入域名管理頁面。ii. 單擊【+添加域名】,進入域名配置界面。
iii. 請輸入自有域名,源站類型選擇對象存儲(COS ),并為源站選擇托管網站内容的對應存儲桶預設域名。業務類型選擇靜态加速,其他保持預設配置,送出即可。
iv. 域名添加完成。a. 請關閉彈窗,耐心等待域名配置下發至全網節點(約 15 分鐘)。
b. 擷取系統配置設定的 CNAME 記錄,再進行步驟 3.2。
通過 COS 控制台添加
i. 登入 COS 控制台 ,進入左側菜單欄【 Bucket 清單】,單擊存儲網站内容的存儲桶(如 example),進入存儲桶。
ii. 單擊【域名管理】,進入域名管理頁面,單擊自定義域名下的【+ 添加域名】按鈕,進入可配置狀态。
iii. 輸入待綁定的自定義域名(如 www.example.com ),選擇開啟 CDN 加速,單擊【儲存】即可完成添加。
iv. 請稍等幾分鐘,等待域名上線。擷取對應的 CNAME 記錄,再進行步驟 3.2。
添加自定義域名後,還需進行域名解析。請登入 域名管理控制台,單擊左側菜單欄【雲解析】>【一級域名】,進入一級域名菜單。單擊【+添加域名】,彈出添加域名對話框。
輸入自定義域名,選擇所屬項目,單擊【确定】儲存即可。
域名添加成功後,點選域名,進入解析記錄管理頁面。單擊【+ 添加記錄】,彈出添加記錄對話框。
記錄類型選擇 CNAME,主機記錄留白,線路類型選擇預設,填入 步驟 3 擷取的 CNAME 記錄,TTL 保持預設,單擊【确定】儲存即可。完成解析添加後,大約需 15 分鐘左右生效,請耐心等待。
将網站内容與自定義域名綁定之後,需要開啟 COS 的靜态網站功能,才能通過浏覽器直接通路網站内容。具體步驟如下:
登入 COS 控制台 ,進入左側菜單欄【 Bucket 清單】,單擊存儲網站内容的存儲桶(如 example),進入存儲桶。
單擊【基礎配置】,找到靜态網站設定,單擊【編輯】按鈕,進入可編輯狀态。
修改目前狀态為開啟,開啟 Index 索引,開啟指定的 Http 狀态碼并設定指向檔案(可選),設定完成單擊【儲存】即可。
靜态網站設定的具體配置及相關參數說明,請參考 靜态網站設定。
在完成上述步驟後,可通過在浏覽器位址欄輸入網站域名進行通路,來驗證明踐結果,以 <code>www.example.com</code> 為例:
在某些情況下,您可能需要清除緩存才能看到預期結果。