[Microsoft Azure] 如何创建 Azure App Service 静态Web应用

发布时间 2023-09-04 07:23:56作者: MiloCui

随着互联网的快速发展,越来越多的企业和个人开始将自己的业务搬到线上。而创建一个性能优越、易于维护的网站就成为了迫切的需求。在这篇博客中,我们将讨论如何使用 Microsoft Azure 创建一个 Azure App Service 静态 Web 应用,帮助你快速上手,轻松搭建属于自己的网站。

Azure App Service 是 Microsoft Azure 提供的一项用于构建、部署和扩展 Web 应用的全托管服务。静态 Web 应用是一种适用于静态 Web 内容的特殊类型,可以将 HTML、CSS、JavaScript 等文件托管在 Azure 存储上。

第一步:登录 Azure 门户

访问 Microsoft Azure 门户 (https://portal.azure.com/),使用您的 Azure 帐户登录。

第二步:创建新的 Azure App Service

在 Azure 门户中,点击左侧菜单栏的“创建资源”按钮。
在“创建资源”页面中,搜索“静态 Web 应用”,点击搜索结果中的“静态 Web 应用”。
点击“创建”按钮,开始创建新的静态 Web 应用。

第三步:配置静态 Web 应用

在创建静态 Web 应用时,需要提供以下信息:

订阅:选择您的 Azure 订阅。
资源组:创建一个新的资源组或选择现有的资源组。资源组是用于管理和组织资源的逻辑容器。
名称:输入静态 Web 应用的名称,这将作为应用的唯一标识。
区域:选择静态 Web 应用的部署区域,建议选择离访问者最近的区域以降低延迟。
SKU:选择静态 Web 应用的订阅类型,免费版即可满足大部分需求。
操作系统:选择操作系统,可以选择 Windows 或 Linux。
完成以上配置后,点击“下一步:构建”。

第四步:配置构建设置

选择源代码存储库:选择托管您的源代码的存储库,可以选择 GitHub 或 Azure DevOps。
选择组织、项目和存储库:选择您的代码所在的组织、项目和存储库。
选择分支:选择要部署的代码分支。
应用位置:设置应用的根目录,通常为 "/"。
文档位置:设置文档的根目录,通常为 "/docs" 或 "/public"。
完成以上配置后,点击“查看 + 创建”。

第五步:查看和创建静态 Web 应用

在“查看 + 创建”页面,查看您输入的配置信息,确保所有设置都正确无误。
点击“创建”按钮,Azure 将开始部署您的静态 Web 应用。
部署过程可能需要几分钟的时间。完成部署后,您将在 Azure 门户的“通知”中看到“部署已成功”的提示。

第六步:访问静态 Web 应用

转到 Azure 门户中的“资源组”,找到您刚刚创建的资源组。
点击静态 Web 应用的名称,进入应用概述页面。
在“概述”页面中,找到“URL”一栏,点击 URL 链接,您将看到您的静态 Web 应用已成功部署并在线运行。
至此,您已经成功创建了一个 Azure App Service 静态 Web 应用。您可以根据自己的需求修改源代码,Azure 将自动重新部署应用,无需手动操作。