通过

创建和部署样本 Azure Web 应用

要创建和部署样本 Azure Web 应用，需要创建和部署后端和前端 Web 应用。 本教程提供有关创建和部署样本后端和前端 Web 应用的说明。

在部署后端和前端 Web 应用之前，请确保先查看工作负载云设置教程。

创建和部署样本后端 Web 应用

  1. 在 Azure 门户中，创建 Web 应用资源。

  2. 输入或选择相关信息：

    • 在“发布”下，选择“代码”。
    • 对于运行时堆栈，选择“.NET 7 (STS)”和“Windows”。

有关常规说明，请参阅 Azure 应用服务入门。

将域映射到后端 Web 应用

  1. 转到“设置”>“自定义域”。

  2. 选择“添加自定义域”，然后按照说明操作。

    有关详细信息，请参阅 Azure 中的自定义域映射。

  3. 在 Visual Studio 中，打开后端样板解决方案。

  4. 右键单击样本项目，选择“发布”。

  5. 对于目标，请选择“Azure”。

  6. 通过有权访问所创建 Azure Web 应用的用户登录。

  7. 使用 UI 找到相关的订阅和资源组，然后按照说明发布。

更新 CORS

  1. 在 Azure 门户中 Web 应用的概述窗格中，转到“API”>“CORS”。
  2. 在“允许的源”下，添加前端 Web 应用 URL。

创建和部署样板前端 Web 应用

  1. 在 Azure 门户中，创建 Web 应用资源。

  2. 输入或选择相关信息：

    • 在“发布”下，选择“代码”。
    • 对于运行时堆栈，请选择“节点 18 LTS”和“Windows”。

有关常规说明，请参阅 Azure 应用服务中的 Node.js 快速入门。

将域映射到前端 Web 应用

  1. 转到“设置”>“自定义域”。
  2. 选择“添加自定义域”，然后按照说明操作。

有关详细信息，请参阅 Azure 中的自定义域映射。

发布前端样板 Web 应用

  1. 通过运行 npm run build:test 来生成前端样板。
  2. 转到 Microsoft-Fabric-developer-sample\Frontend\tools\dist 文件夹。
  3. 选择 dist 下的所有文件和资产文件夹，并创建所选文件的 .zip 文件。
  4. 打开 PowerShell。
  5. 在 PowerShell 中，运行 Connect-AzAccount，并使用有权访问你创建的 Azure Web 应用的用户登录。
  6. 运行 Set-AzContext -Subscription "<subscription_id>"。
  7. 运行 Publish-AzWebApp -ResourceGroupName <resource_group_name> -Name <web_app_name> -ArchivePath <zip_file_path>。
  • Last updated on