卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章73127本站已运行431

如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用

使用 github 和 visual studio code 在 azure 应用服务上部署具有持续集成/持续部署 (ci/cd) 管道的 web 应用程序涉及几个步骤,我将在下面讨论:

1.设置您的 Azure 帐户并创建 Web 应用程序:

  • 登录 Azure 门户:使用 https://portal.azure.com
  • 创建应用程序服务计划:
  1. 在主页中,搜索应用程序服务计划,如下图所示。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
  2. 点击创建。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
  3. 填写所需的详细信息(订阅、资源组、名称、操作系统、区域等)。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
  4. 选择您喜欢的定价计划。然后单击“查看+创建”。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
  5. 点击创建。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
  6. 单击“转到资源”。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
  7. 单击 webapp-plan。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
  8. 搜索并点击网络应用程序来创建一个。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用 填写所需的详细信息(订阅、资源组、Web 应用程序名称、发布、运行时堆栈等)。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用 审查+创建。 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用

2.设置您的本地开发环境:
如果尚未安装 Visual Studio Code 和 Git,请安装。
3.在 Visual Studio Code 中初始化 Git 存储库并创建 Web 应用程序:
打开 Git 并通过单击“新建存储库”创建一个新存储库。
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用

  1. 从 Visual Studio 代码终端初始化 Git: 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用 运行 git init 来初始化 Git 存储库。 运行 git add 。暂存您的文件。 运行 git status 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用 运行 git clone +url (从之前创建的存储库) 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用 运行纳米索引 php 运行cat索引php 如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用

5.返回我们的 Azure 页面:
转到 Azure 门户中的 Web 应用程序。
在“部署”部分中,选择“部署中心”。
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
选择代码源。点击Github
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
6.部署应用程序
提交并推送:提交更改并将其推送到 GitHub。 GitHub Actions 工作流程将自动启动、构建您的应用程序并将其部署到 Azure 应用服务。
需要从免费订阅升级才能进行部署,如下所示:
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
升级后,您现在可以添加插槽了。
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用

7.监控部署
检查部署状态:您可以在 GitHub 上的“操作”选项卡中监控部署进度。
查看 Web 应用程序:部署后,您的 Web 应用程序应该可以通过 Azure 应用服务 URL 访问。

如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用
如何在 Azure 应用服务上部署具有 CI/CD 管道的 Web 应用

通过执行以下步骤,您将在 Azure 应用服务上使用 GitHub 和 Visual Studio Code 成功部署具有 CI/CD 管道的 Web 应用程序。

卓越飞翔博客
上一篇: 开源论坛对PHP框架社区支持的影响
下一篇: 返回列表
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏