【简介】

当我们需要对Azure Blob上的静态托管的站点进行加速时,我们可以通过Azure CDN加速Blob的方式来实现静态资源的访问加速,我们都知道Azure Blob主要是提供低成本的存储服务,Azure CDN主要是可以提供静态资源加速分发服务,我们可以通过Azure CDN加速Blob的这种方式做到有效的缓解源站的压力,降低流量成本,于此同时,由于Azure的CDN的POP的区域节点较多,客户可通过快速访问CDN POP区域节点来获取资源。大大提高了用户的体验感。


【操作步骤】

一.创建Azure Blob 存储账户

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

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

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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_CDN


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure Blob_02


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


【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure CDN_03


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_静态托管_04


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_CDN_05


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure CDN_06


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_CDN_07

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

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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure CDN_08


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

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

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

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

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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_静态托管_09


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure Blob_10

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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure CDN_11


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_静态托管_12


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure CDN_13


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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure CDN_14

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

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

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_静态托管_15


【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure_16

五.创建CDN内容分发网络

1.在Azure门户控制台中,输入”CDN”关键字对“Front Door 和 CDN 配置文件”进行查找

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure Blob_17


2.进入到Front Door 和 CDN 配置文件页面中,点击创建第一个“Front Door 和 CDN 配置文件“

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_Azure Blob_18


3.在创建的时候选择“浏览器其他产品/服务”中的“Azure CDN Standard from Microsoft (classic)”并点击创建

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_CDN_19


4.配置CDN域名组,配置完毕以后点击“审阅并创建”具体如下图所示

  • 订阅:订阅的管理资源
  • 资源组:资源管理组
  • 资源组区域:Azure CDN 服务是全局服务且未绑定到某个位置。但是必须为资源组指定一个位置,供 CDN 域名组的关联元数据驻留。
  • 名称:创建CDN定义的名称
  • 区域:CDN的工作区域
  • 定价层:CDN的定价方式

    5.如下图所示,已经审阅验证通过

    6.点击下一步以后,CDN资源正在进行部署中

    7.部署完毕,如下图所示,我们点击“转到资源” 进入到CDN的配置页面中

    8.如下是我们创建的CDN配置页面,我们可以通过此页面进行对CDN进行管理

六.创建配置为Azure Blob 加速的CDN终结点

1.我们点击创建“终结点”

【Microsoft Azure 的1024种玩法】 二十五.使用Azure CDN对Azure Blob 静态托管站点进行加速_CDN_20


2.按照自身场景配置终结点,终结点各个配置描述如下:

  • 名称:CDN终结点名称
  • 原点类型:原点类型有存储、存储静态网站、云服务、web应用、自定义原点
  • 源站:从列表中选择源站,然后键入一个自定义名称或输入一个 IP 地址。CDN 将会从此源站中拉取内容。
  • 原点路径: CDN 在从原点检索内容时使用特定的目录路径
  • 回源 Host:通过每个请求发送到源站的主机头值。如果你将此留为空白,则请求主机名将决定此值。Azure CDN 源站(例如 Web 应用、Blob 存储和云服务)要求此主机头值与默认源站相匹配。
  • HTTP 端口:从客户端到原点使用的协议。从客户端到 CDN 和从 CDN 到原点使用的协议相同(HTTP 或 HTTPS) (例如,如果客户端到 CDN 使用 HTTP,则 CDN 到原点也必须使用 HTTP)。默认情况下,这两种协议均已检查,所以允许使用它们。
  • HTTPS 端口:从客户端到原点使用的协议。从客户端到 CDN 和从 CDN 到原点使用的协议相同(HTTP 或 HTTPS) (例如,如果客户端到 CDN 使用 HTTP,则 CDN 到原点也必须使用 HTTP)。默认情况下,这两种协议均已检查,所以允许使用它们。
  • 优化对象:Azure CDN 增强了交付方案的内容交付。对常规的静态和动态 Web 内容使用“常规 Web 交付”,或从列表中选择一个可用的特定方案。
  1. 我们在添加终结点时需要配置“名称”和“原点类型”,原点类型有存储、存储静态网站、云服务、web应用、自定义原点等,我们这边选择原点类型为:存储静态网站,具体配置如下图所示:

    3.我们从列表中选择对应的源站地址,然后键入一个自定义名称或输入一个 IP 地址。CDN 将会从此源站中拉取内容。

    4.剩余其他的选项均为默认选项,确定完毕以后,我们直接点击“添加”

    5.点击完毕以后,正在创建终结点,具体如下图所示

    6.如下图所示 已经创建完毕相关的终结点,(我们可以通过当前页面对终结点进行操作配置)

    7.届时,已经完成了CDN对Azure Blob 静态托管站点进行加速配置操作,我们可以访问“终结点”主机名进行验证

    8.我们访问为Azure Blob 加速“终结点”主机名即可进行验证配置是否成功,如下图所示,我们已经实现了使用Azure CDN对Azure Blob 静态托管站点进行加速