最近刚刚接触 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”,并且创建
输入相关参数
Resource group:“Web_Test_CDN_RG”(创建新的资源组)
Storage account name:“cdnstaticwebstorage”
Region:“East Asia”
performance:Standard
Redundancy:“Locally-redundant storage(LRS)”
点击 “Next:Advanced>”
其他选项卡页直接选择默认就可以了,等待验证完成后,点击 “Create”
创建完成后,点击 “Go to resource” 跳转到该资源
回到我们创建的Storage Account 页面后,选择 “Settings=》Static website”,开启静态站点
接下来,我们需要输入静态站点的相关参数
Index document name(静态站点的首页):“index.html”
Error document name(静态站点的错误页面):“404.html”
检查完输入的参数后,点击 “Save” 进行保存
创建完成后,我们可以看到 Azure 已经创建了我们静态站点寄存的 容器 “$web”
转到 “Blob service=》Containers”,Azure 已经自动为我们创建了两个容器 “$logs”,“$web”
选择 “Settings=》Properties” 找到静态站点的url 复制出来
我们尝试通过 web url 访问我们静态站点:https://cdnstaticwebstorage.z7.web.core.windows.net/
可以看到当前是没有任何请求的内容,那是因我们的静态站点是没有任何内容的
上传我们的演示静态页面
重新访问静态网站的 url
ok,静态网站部署完成
2,配置 Azure CDN 加速继续在 Azure Portal 首页,搜索 “CDN”,并且创建
输入相关参数
Resource group:“Web_Test_CDN_RG”
Name:“cnbateblogweb-staticwebsite-cdn”
Region:“Global”
Pricing tier:“Standard Microsoft”
点击 “Review + create”
等待校验完成后,点击 “Create” 进行创建
创建完成后,跳转到 "cnbateblogweb-staticwebsite-cdn" 页面,点击 “+ Endpoint” 创建 CDN 的终结点
输入 Endpoint 的相关信息
Name:“cnbateblogweb-staticwebsite”
Orign type 选择:“Storage static website”
***这里注意一下,Origin type 是支持多种的,我们也可以选择 “Custom orgin”,然后把 Storage static website 的 URL 贴到 Origin hostname 和 Origin host header 这个位置上
点击 “Add” 添加操作
注意,终结点的设置可能需要差不多10分钟才会生效,当生效之后,我们复制当前CDN 终结点 URL在浏览器中尝试访问
访问后展示的效果