Azure CDN 为静态网站创建内容分发网络

     最近刚刚接触 Edi.Wang 的 Moonglade 博客系统,正好这套系统中有使用到 Azure CND (内容分发网络),那就学习学习。那么今天就尝试利用 Azure CDN 来发布静态网站。当然了,我们可以选择Azure Storage Account 作为我们演示的静态网站的载体。

什么是 Azure CDN?

Azure CDN(内容分发网络):CDN 是服务器的分布式网络,可以有效的将Web内容传递给我们,同时CDN 可以将缓存的内容存储在记录我们比较近的POP(入网点位置)位置的边缘服务器,以便最大成都降低网络延迟。Azure 内容分发网络 (CDN) 可帮助减少延迟并提升高带宽内容的性能。

二,正文 1,部署静态网站

登陆到 Azure Portal 上,点击 “create a resource”,搜索 “Storage”,并且创建

Azure CDN 为静态网站创建内容分发网络

输入相关参数

Resource group:“Web_Test_CDN_RG”(创建新的资源组)

Storage account name:“cdnstaticwebstorage”

Region:“East Asia”

performance:Standard

Redundancy:“Locally-redundant storage(LRS)”

点击 “Next:Advanced>”

Azure CDN 为静态网站创建内容分发网络

其他选项卡页直接选择默认就可以了,等待验证完成后,点击 “Create”

Azure CDN 为静态网站创建内容分发网络

创建完成后,点击 “Go to resource” 跳转到该资源

Azure CDN 为静态网站创建内容分发网络

回到我们创建的Storage Account 页面后,选择 “Settings=》Static website”,开启静态站点

Azure CDN 为静态网站创建内容分发网络

接下来,我们需要输入静态站点的相关参数

Index document name(静态站点的首页):“index.html”

Error document name(静态站点的错误页面):“404.html”

检查完输入的参数后,点击 “Save” 进行保存

Azure CDN 为静态网站创建内容分发网络

创建完成后,我们可以看到 Azure 已经创建了我们静态站点寄存的 容器 “$web”

Azure CDN 为静态网站创建内容分发网络

转到 “Blob service=》Containers”,Azure 已经自动为我们创建了两个容器 “$logs”,“$web”

Azure CDN 为静态网站创建内容分发网络

选择 “Settings=》Properties” 找到静态站点的url 复制出来

Azure CDN 为静态网站创建内容分发网络

我们尝试通过 web url 访问我们静态站点:https://cdnstaticwebstorage.z7.web.core.windows.net/

可以看到当前是没有任何请求的内容,那是因我们的静态站点是没有任何内容的

Azure CDN 为静态网站创建内容分发网络

上传我们的演示静态页面

Azure CDN 为静态网站创建内容分发网络

重新访问静态网站的 url

Azure CDN 为静态网站创建内容分发网络

ok,静态网站部署完成

2,配置 Azure CDN 加速

继续在 Azure Portal 首页,搜索 “CDN”,并且创建

Azure CDN 为静态网站创建内容分发网络

输入相关参数

Resource group:“Web_Test_CDN_RG”

Name:“cnbateblogweb-staticwebsite-cdn”

Region:“Global”

Pricing tier:“Standard Microsoft”

点击 “Review + create”

Azure CDN 为静态网站创建内容分发网络

等待校验完成后,点击 “Create” 进行创建

Azure CDN 为静态网站创建内容分发网络

创建完成后,跳转到 "cnbateblogweb-staticwebsite-cdn" 页面,点击 “+ Endpoint” 创建 CDN 的终结点

Azure CDN 为静态网站创建内容分发网络

输入 Endpoint 的相关信息

Name:“cnbateblogweb-staticwebsite”

Orign type 选择:“Storage static website”

***这里注意一下,Origin type 是支持多种的,我们也可以选择 “Custom orgin”,然后把 Storage static website 的 URL 贴到 Origin hostname 和 Origin host header 这个位置上

点击 “Add” 添加操作

Azure CDN 为静态网站创建内容分发网络

Azure CDN 为静态网站创建内容分发网络

注意,终结点的设置可能需要差不多10分钟才会生效,当生效之后,我们复制当前CDN 终结点 URL在浏览器中尝试访问

Azure CDN 为静态网站创建内容分发网络

访问后展示的效果

Azure CDN 为静态网站创建内容分发网络

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyzxzw.html