【简介】

静态网站是指所有的网页都由静态内容构成,包括客户端执行的脚本(例如JavaScript)。我们可以通过Azure Blob Service 静态网站托管功能将我们的的静态网站托管到Azure Blob 容器里面,并使用Azure Blob提供的静态网站终结点快速访问这个网站。


【操作步骤】

一.创建Azure Blob 存储账户

  • 在Azure控制台上点击“创建资源”按钮进行对Azure Blob服务创建,如下图所示

    2.选择要创建的“存储账户” 并点击“创建” 如下图所示

    3.根据自身实际场景,配置资源基础配置选项(项目详细信息+实例详细信息)
  • 项目详细信息:主要是选择配置订阅的相关资源组和管理存储账户
  • 实例详细信息:主要是对创建的Blob存储名称的定义、区域和性能方面的选择

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_azure


如下是Azure Blob存储可用的区域

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_1024种玩法_02


4.配置完毕以后,我们点击“下一步:高级” 如下图所示


【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_结点_03


5.点击“下一步:高级”以后会对之前的配置进行审阅验证,审阅验证通过以后才能进行创建

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_上传_04


6.如下图所示,目前正在部署中

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_上传_05


7.部署完毕以后如下图所示

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_1024种玩法_06


8.部署完毕以后,我们点击“转到资源”这一部分

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_Azure_07

二.配置开启静态网站托管

1.进入到Azure Blob中,选择”静态网站” 将“已禁用”状态变更为“已启用”

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_Azure_08


2.配置静态网站托管路径

  • 索引文档名称:“index.html”
  • 文档路径出错:“error.html”

    3.配置完毕以后如下图所示,我们可以通过在这看到配置的具体信息(如用做于承载静态网站的存储容器、可访问的主终结点和辅助终结点),我们点击进入到“$web"中

三.上传静态网站源码至"$web"容器中

1.在“$web"容器中,我们点击"上传"按钮,对静态网站源码进行上传

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_azure_09


2.在弹出的“上传Blob”框中 选择上传

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_azure_10

3.选定本地要上传的网站文件进行上传,上传成功以后如下图所示

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_结点_11


4.上传完毕以后,需要更改下"$web"的访问级别,将访问级别设置为“容器(匿名读取访问容器和blob)

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_结点_12


5.将访问级别设置为“容器(匿名读取访问容器和blob)以后,点击“确定” 即可

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_1024种玩法_13


6.如下图所示,已经成功更改了容器的访问级别

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_azure_14

四.静态网站托管验证测试

通过访问静态网站的终结点链接进行验证测试,发现通过终结点链接可直接成功访问,如下图所示

【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_azure_15


【Microsoft Azure 的1024种玩法】 二十一.利用Azure Blob Service 快速实现静态网站托管_1024种玩法_16