在Azure Storage託管HTTP靜態網站

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


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


本案例實戰視頻請參考:api

經過存儲託管靜態網站http.mp4安全



建立Azure StorageV2 存儲帳戶


帳戶類型選擇「StorageV2(通用版V2)」;ide


image.png


本例中,須要禁用安全傳輸,禁用後,能夠經過HTTP而不是強制使用HTTPS便可訪問;網站


image.png


其他值保持默認便可。阿里雲


啓用Storage Account靜態網站功能


啓用靜態網站功能,並輸入索引文件名稱,一般來說,咱們會命名爲index.html。spa

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


<h1>Hello World!</h1>


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

能夠設置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

相關文章
相關標籤/搜索