溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何用COS進行靜態(tài)網(wǎng)站搭建托管

發(fā)布時間:2021-12-10 17:08:09 來源:億速云 閱讀:590 作者:柒染 欄目:云計算

如何用COS進行靜態(tài)網(wǎng)站搭建托管,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。

靜態(tài)網(wǎng)站:有別于動態(tài)網(wǎng)站,它就是只包含靜態(tài)內(nèi)容(如圖片、音頻、視頻、HTML、CSS、JS)的網(wǎng)站,不依賴服務(wù)器端動態(tài)渲染頁面。

那么靜態(tài)網(wǎng)站托管應(yīng)該如何使用呢?

  用戶可以在COS上托管靜態(tài)網(wǎng)站,訪客可以通過自定義域名(例如 www.example.com )

訪問托管的靜態(tài)網(wǎng)站。以下是具體步驟:

如何用COS進行靜態(tài)網(wǎng)站搭建托管

事前準(zhǔn)備

   以下是實踐過程中,將會用到的相關(guān)服務(wù):

  • 域名注冊:托管靜態(tài)網(wǎng)站前,您需要先注冊一個域名,例如 www.example.com。

  • 對象存儲 COS:使用 COS 創(chuàng)建存儲桶,上傳的網(wǎng)頁內(nèi)容將存放到存儲桶。

  • 內(nèi)容分發(fā)網(wǎng)絡(luò) CDN:結(jié)合 CDN 和云解析服務(wù),使得域名和網(wǎng)站內(nèi)容綁定的同時,還可以為靜態(tài)網(wǎng)站加速,降低訪問延遲,提高可用性。

  • 云解析:使用云解析,實現(xiàn)使用自定義域名訪問靜態(tài)網(wǎng)站的目的。

說明:

本指南中的所有步驟都使用www.example.com作為示例域名。實際操作中請使用您的自有域名替換此域名。

如何用COS進行靜態(tài)網(wǎng)站搭建托管

4步搞定靜態(tài)網(wǎng)站托管

01

注冊域名與備案

  域名注冊是在互聯(lián)網(wǎng)上建立任何服務(wù)的基礎(chǔ)。注冊域名之后,還需要進行備案,網(wǎng)站才能正常訪問。請根據(jù)您的具體情況進行操作:

  • 已注冊域名并備案,可跳過本步驟,進行步驟2;

  • 已注冊域名但未備案,請進行域名備案;

  • 未注冊域名,請先注冊域名,再進行域名備案;

02

創(chuàng)建存儲桶并上傳內(nèi)容

  在完成域名注冊及備案后,您需要在 COS 控制臺中執(zhí)行以下任務(wù),以創(chuàng)建和配置網(wǎng)站內(nèi)容:

  • 創(chuàng)建存儲桶;

  • 配置存儲桶并上傳內(nèi)容;

  2-1、創(chuàng)建存儲桶

  請使用騰訊云賬號登錄 COS 控制臺,為您的網(wǎng)站創(chuàng)建相應(yīng)的存儲桶,存儲桶用于存儲數(shù)據(jù),您可以將網(wǎng)站內(nèi)容存儲在一個存儲桶中。

  如您首次使用 COS,可以通過控制臺的概覽界面直接創(chuàng)建存儲桶,或者在存儲桶列表導(dǎo)航欄創(chuàng)建存儲桶。

  2-2、配置存儲桶并上傳內(nèi)容

開啟存儲桶的靜態(tài)網(wǎng)站設(shè)置,方法是:

1) 登錄 COS 控制臺 ,在左側(cè)菜單欄中,單擊【存儲桶列表】,找到剛剛創(chuàng)建的存儲桶,單擊右側(cè)的【配置管理】

如何用COS進行靜態(tài)網(wǎng)站搭建托管

  2) 找到靜態(tài)網(wǎng)站,單擊編輯,將當(dāng)前狀態(tài)設(shè)置為開啟,其他設(shè)置暫時保持為默認,單擊保存。

如何用COS進行靜態(tài)網(wǎng)站搭建托管

  3) 將您的網(wǎng)站內(nèi)容上傳到已創(chuàng)建好的存儲桶。在存儲桶中存放的內(nèi)容可以是文本文件、照片、視頻,任何您想要托管的內(nèi)容。如果您還未構(gòu)建網(wǎng)站,則只需按此實踐創(chuàng)建一個文件。

  例如,您可使用以下 HTML 創(chuàng)建文件,并將其上傳到存儲桶。網(wǎng)站主頁的文件名通常為 index.html。在后續(xù)步驟中,您將提供此文件作為網(wǎng)站的索引文檔。搭建

<!DOCTYPE html>
<html>
    <head>
        <title>Hello COS!</title>
        <meta charset="utf-8">
    </head>
    <body>
        <p>歡迎使用&nbspCOS&nbsp的靜態(tài)網(wǎng)站功能。</p>
        <p>這是首頁!</p>
    </body>
</html>
 

注意: 開啟靜態(tài)網(wǎng)站功能后,當(dāng)用戶訪問任何不帶文件指向的一級目錄時,COS默認優(yōu)先匹配對應(yīng)存儲桶目錄下index.html,其次為index.htm,若無此文件,則返回404。

03

  綁定自定義域名

  為了加速訪問,我們推薦將域名綁定為自定義加速域名,借助騰訊云 CDN 加速您的靜態(tài)網(wǎng)站,使網(wǎng)站訪客獲取更好的瀏覽體驗。

  3-1、域名添加

  1) 登錄COS控制臺 ,在左側(cè)菜單欄中,單擊【存儲桶列表】,單擊存儲網(wǎng)站內(nèi)容的存儲桶并進入。

  2) 在左側(cè)二級菜單欄中,單擊【域名管理】,進入域名管理頁面,單擊【自定義加速域名】下的【添加域名】,進入可配置狀態(tài):

  域名:輸入您已購買的自定義域名;

  源站類型:選擇靜態(tài)網(wǎng)站源站;

 回源鑒權(quán):勾選,然后單擊保存即可;

如何用COS進行靜態(tài)網(wǎng)站搭建托管

3) 單擊保存后,按照提示繼續(xù)添加【CDN服務(wù)授權(quán)】。

如何用COS進行靜態(tài)網(wǎng)站搭建托管

在CDN服務(wù)授權(quán)彈窗中,單擊確定即可。

如何用COS進行靜態(tài)網(wǎng)站搭建托管

   4) 稍等幾分鐘,等待域名部署上線完成后。然后復(fù)制對應(yīng)的CNAME記錄,再進行如下步驟。

如何用COS進行靜態(tài)網(wǎng)站搭建托管

3-2、域名解析

  如果您使用第三方服務(wù)商注冊域名,請在服務(wù)商處為您的自定義域名添加CNAME并指向步驟3.1中對應(yīng)的CNAME記錄。

  如果您使用騰訊云解析服務(wù),請參考下文進行操作:

 ?。? 登錄云解析控制臺,找到您的域名,單擊右側(cè)的【解析】。

如何用COS進行靜態(tài)網(wǎng)站搭建托管

  2) 單擊添加記錄按鈕。

    主機記錄:www;

    記錄類型:CNAME;

    記錄值:步驟3.1中對應(yīng)的CNAME記錄;

    然后單擊保存即可完成添加。

如何用COS進行靜態(tài)網(wǎng)站搭建托管

04

測試驗證

  在完成上述步驟后,可通過在瀏覽器地址欄輸入網(wǎng)站域名進行訪問,來驗證實踐結(jié)果,以 www.example.com 為例:

  • http://www.example.com ——返回名為 example 的存儲桶中的索引頁面(index.html)。

  • http://www.example.com/test.html(不存在的文件) ——返回404提示。 如果您需要自定義錯誤文檔,可在步驟2.2開啟【靜態(tài)網(wǎng)站】設(shè)置中進一步設(shè)置【錯誤文檔】,此時訪問不存在的文件將顯示該指定的錯誤文檔。

  • 說明: 在某些情況下,您可能需要清除瀏覽器緩存才能看到預(yù)期結(jié)果。

看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進一步的了解或閱讀更多相關(guān)文章,請關(guān)注億速云行業(yè)資訊頻道,感謝您對億速云的支持。

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI