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

# Web 开发# DevOps# PHP# GitHub

Azure 应用服务提供了一个完全托管的平台，用于构建、部署和扩展 Web 应用程序。通过利用 Azure DevOps 的 CI/CD 管道，您可以自动化构建和发布流程，确保更快、更可靠的部署。

**主要优点**：

  • 自动化：减少手动工作量和人为错误。
  • 一致性：实现跨环境的可重复部署。
  • 速度：快速部署更新，改善您的开发生命周期。

    • 在这篇博文中，我们将指导您完成使用持续集成和持续部署 (CI/CD) 管道将 Web 应用程序部署到 Azure 应用服务的过程。无论您是开发人员还是 DevOps 工程师，本分步指南都将帮助您利用 Azure DevOps 的强大功能简化部署流程。

    **先决条件**

    开始之前，请确保您已准备好以下物品：

  • 具有有效订阅的 Azure 帐户
  • Web 应用程序项目（例如，Node.js、.NET Core、Python 等）。
  • 已创建项目的 Azure DevOps 帐户
  • 安装 Git 并将代码推送到存储库（例如 GitHub、Azure Repos）

    • **步骤 1：设置您的 Azure 应用服务**

  • 登录 Azure 门户到 Azure 门户：使用 https://portal.azure.com
    • portal
  • 创建新的应用服务计划
  • 在搜索栏中，键入应用服务计划并选择它。
  • 点击 + 创建
    • create

    填写所需的详细信息，包括：

  • 订阅：选择您的订阅。
  • 资源组：创建新的资源组或使用现有的资源组。
  • 名称：为你的应用服务计划提供唯一的名称
  • 选择操作系统
  • 地区：选择靠近您的用户的地区。
    • reource
  • 选择定价层
  • 单击“审核 + 创建”，然后单击“创建”以部署你的应用服务。
    • Review
  • 点击前往资源
    • Go to resource

    在搜索栏中，键入应用服务并选择它。

    app service
  • 单击 + 创建并选择 Web 应用程序。
    • web app
  • 填写所需的详细信息：（先前创建的资源组、订阅、Web 应用程序名称、发布、运行时堆栈
    • webwebs

    审阅，然后创建

    createcreate
  • 点击前往资源
    • resource2

    **步骤 2：设置本地开发环境**

    如果你之前没有安装 Visual Studio Code 和 Github

  • 步骤 3：初始化 Github 存储库并在 Visual Studio Code 中创建 Web 应用程序
  • 单击 + 并选择新存储库
    • New Reporepo
  • 单击创建新存储库
    • new repo
  • 从 Visual Studio 代码终端初始化 Git 运行 git init 来初始化 Git 存储库。
    • init
  • 运行 git add 来暂存你的文件
    • git add
  • 运行 git status

    • 从之前创建的存储库运行 git clone url

  • 运行 nano index php
    • nano
  • 输入 control X 然后按 Y 然后按 Enter
    • yes
  • 运行 cat index php

    • **步骤 5：返回 Azure 门户页面**

  • 转到 Azure 门户 mywebapp2020 页面。
  • 导航到“部署”部分，选择“部署中心”
  • 选择代码源，选择Github
    • github
  • 选择来源为 Github
  • 组织是你的 Github 用户名
  • 选择存储库名称
    • reposgit
  • 选择预览文件
    • previewreview
  • 单击“保存”以设置部署
    • save
  • 部署成功
    • succesful

    **第 6 步。部署应用程序**

    提交并推送：提交并推送您的更改到 Github。Github 操作工作流将自动启动、构建并将您的应用程序部署到 Azure 应用服务。

    您需要从 F1 升级到高级版才能部署

    uprage

    至少升级到高级标准 S1

    standaardupgrade
  • 升级后立即添加插槽
    • add slot
  • 给插槽命名并设置克隆源
    • Slot name
  • 点击添加插槽
    • add slot
  • CI/CD 运行
    • cI

    **第 7 步。监控部署**

    您可以在 Github 上监控部署进度。

    部署后，您的 Web 应用应该可以通过 Azure 应用服务访问。URL

    Monitor

    **结论**

    通过遵循这些步骤，您可以为您的 Web 应用设置自动化 CI/CD 管道，从而在 Azure 应用服务上实现高效、可靠的部署。