在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

相关文章
相关标签/搜索