在Azure Storage託管HTTP靜態網站

本文演示了在Azure Storage託管HTTP靜態網站。


注意:HTTP已經不建議使用。


本案例實戰視頻請參考:

通過存儲託管靜態網站http.mp4



創建Azure StorageV2 存儲賬戶


賬戶類型選擇“StorageV2(通用版V2)”;


image.png


本例中,需要禁用安全傳輸,禁用後,可以通過HTTP而不是強制使用HTTPS即可訪問;


image.png


其餘值保持默認即可。


啓用Storage Account靜態網站功能


啓用靜態網站功能,並輸入索引文件名稱,通常來講,我們會命名爲index.html。

本案例中,我們準備了一個靜態頁面index.html, 該頁面只有一行內容:


<h1>Hello World!</h1>


實際上Storage上的靜態網站支持 CSS/JS等。

可以設置404頁面或爲空。



image.png


保存完成後可以查看到自動創建了一個$web的容器,同時可以看到靜態網站的訪問終結點.


image.png

上傳靜態網站


將準備好的index.html文件上傳到$web容器中。


image.png

上傳完成後,可以使用默認的主終結點訪問網站:

image.png

設置域名解析

本例中我們將設置將web.5gn.link CNAME到 seanyutest.z1.web.core.chinacloudapi.cn/。

登錄域名控制檯,本例中我們的域名在阿里雲, 添加CNAME記錄:

image.png


其中記錄值即在上一步中訪問的地址,或者可以在如下頁面查詢到:

這裏注意的是,一定要填寫第二個包含“web”字樣的值,第一個是爲Storage Account 添加自定義域,而不是爲靜態網站添加自定義域。


image.png


添加自定義域


將在域名解析中添加的值寫入到Storage Account 的自定義域頁面,點擊保存。

注:此處提供兩種方法,對於方法一,可能需要上一步“設置域名解析”後過一段時間才能保存成功,即所謂的“較短的停機時間”


image.png


通過自定義域訪問靜態網站

image.png


1580961131795-c54bf46c-9840-4468-b040-0c6b3a8ddf44.png


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章