练习 - 使用 GitHub Actions 发布 API

  • 4 分钟

Web 应用和 API 都在本地运行。 现在可将 Web 应用和 API 发布到 Azure 静态 Web 应用。

将更改推送到 GitHub

在上一练习中，你对 API 进行了更改。 现在，可以将这些更改提交到 api 分支，并将其推送到 GitHub。

创建拉取请求

已将 api 分支推送到 GitHub。 你现在希望 GitHub 操作在预览 URL 中发布你的 Web 应用和 API。 那么下一步是针对主分支创建拉取请求。

  1. 打开浏览器。

  2. 转到你的存储库：

    https://github.com/<YOUR_GITHUB_USERNAME>/my-static-blazor-app

  3. 选择“拉取请求”链接。

  4. 选择“新建拉取请求”。

  5. 从“基本”下拉列表中选择“mian”分支。

  6. 从“比较”下拉列表中选择“api”分支。

  7. 选择“创建拉取请求”。

  8. 再次选择“创建拉取请求”。

GitHub 操作现已触发。

监视 GitHub 操作生成和发布

可以在浏览器中停留在存储库中并监视 GitHub 操作的进度。 请按照以下步骤查看进度：

  1. 选择“操作”菜单。

  2. 在“工作流”菜单下，选择“Azure Static Web Apps CI/CD”工作流项。

  3. 在右侧的操作运行中选择最新（顶部）链接。

  4. 选择“生成并部署作业”链接。

可以在 GitHub 操作生成并发布 Web 应用和 API 时，查看其进度。

浏览到预览 URL

GitHub 操作成功完成后，可以在浏览器中查看正在运行的应用。

  1. 选择“拉取请求”菜单。

  2. 选择你的拉取请求。

  3. 选择消息“Azure Static Web Apps: 你的暂存站点已准备就绪! 请从此处访问”。

请注意，预览 URL 包含一个连字符，后跟一个数字。 该数字与你创建的拉取请求的拉取请求编号相匹配。 对于创建的每个拉取请求，你都会获得唯一的可重复预览 URL。 该区域也用于形成预览 URL。

后续步骤

恭喜，你已创建了包含 Web 应用和 API 的第一个 Azure Static Web Apps 实例！ 如果合并创建的拉取请求，Azure Static Web Apps 会自动将更改部署到生产应用。