你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站,请访问 https://docs.azure.cn

使用 Azure Static Web Apps CLI 部署静态 Web 应用

重要

为了提高通过 Static Web Apps CLI 进行部署的安全性,我们引入了一项中断性变更,需要你在 2025 年 1 月 15 日前升级到 Static Web Apps CLI 的最新版本 (2.0.2)。

Azure Static Web Apps CLI (SWA CLI) 提供了 deploy 命令,用于将当前项目部署到 Azure Static Web Apps。

常见部署方案包括:

  • 不带 API 的前端应用
  • 带有 API 的前端应用
  • Blazor 应用

部署令牌

SWA CLI 支持使用部署令牌进行部署,以便在 CI/CD 环境中启用设置。

可以通过以下任一方式获取部署令牌:

  • Azure 门户:主页 → Static Web App → 实例 → 概述 → 管理部署令牌

  • Azure CLI:使用 secrets list 命令:

    az staticwebapp secrets list --name <APPLICATION_NAME> --query "properties.apiKey"
    
  • Azure Static Web Apps CLI:使用 deploy 命令:

    swa deploy --print-token
    

然后,可以将令牌值与 --deployment-token <TOKEN> 配合使用,也可以创建名为 SWA_CLI_DEPLOYMENT_TOKEN 的环境变量并将其设置为部署令牌。

重要

不要将部署令牌存储在公共存储库中。

部署不带 API 的前端应用

可以将不带 API 的前端应用程序部署到 Azure Static Web Apps。 如果前端应用程序需要生成步骤,请运行 swa build 或参考应用程序生成说明。

选择最适合你的配置部署需求的选项

  • 选项 1:从要部署的生成文件夹中,运行部署命令:

    cd build/
    swa deploy
    

    注意

    build 文件夹必须包含要部署的应用的静态内容。

  • 选项 2:还可以部署特定文件夹:

    1. 如果前端应用程序需要生成步骤,请运行 swa build 或参考应用程序生成说明。

    2. 部署应用:

    swa deploy ./my-dist
    

使用 API 部署前端应用

使用以下步骤部署具有 API 终结点的应用程序。

  1. 如果前端应用程序需要生成步骤,请运行 swa build 或参考应用程序生成说明。

  2. 确保正确设置 staticwebapp.config.json 文件中的 API 语言运行时版本,例如:

    {
      "platform": {
        "apiRuntime": "node:16"
      }
    }
    

    注意

    如果项目没有 staticwebapp.config.json 文件,请在 outputLocation 文件夹下添加一个。

  3. 部署应用:

    swa deploy ./my-dist --api-location ./api
    

部署 Blazor 应用

可以执行以下步骤部署 Blazor 应用。

  1. 在发布模式下生成 Blazor 应用:

    dotnet publish -c Release -o bin/publish
    
  2. 从项目的根目录运行 deploy 命令:

    swa deploy ./bin/publish/wwwroot --api-location ./Api
    

使用配置文件进行部署

注意

outputLocation 的路径必须是相对于 appLocation 的路径。

如果在项目中使用具有单个配置条目的 swa-cli.config.json 配置文件,则可以通过运行以下步骤来部署应用程序。

作为参考,提供了单个配置条目的示例,如以下代码片段所示。

{
  "configurations": {
    "my-app": {
      "appLocation": "./",
      "apiLocation": "api",
      "outputLocation": "frontend",
      "start": {
        "outputLocation": "frontend"
      },
      "deploy": {
        "outputLocation": "frontend"
      }
    }
  }
}
  1. 如果前端应用程序需要生成步骤,请运行 swa build 或参考应用程序生成说明。

  2. 部署应用。

swa deploy

如果有多个配置条目,可以提供条目 ID 来指定要使用的条目 ID:

swa deploy my-otherapp

选项

以下是可用于 swa deploy 的选项:

  • -a, --app-location <path>:包含前端应用程序的源代码的文件夹(默认值:“.”)
  • -i, --api-location <path>:包含 API 应用程序源代码的文件夹
  • -O, --output-location <path>:包含前端应用程序的生成源的文件夹。 此路径是相对于 --app-location 的路径(默认值:“.”)
  • -w, --swa-config-location <swaConfigLocation>:staticwebapp.config.json 文件所在的目录
  • -d, --deployment-token <secret>:用于向 Static Web Apps 进行身份验证的机密令牌
  • -dr, --dry-run:模拟部署过程而不实际运行它(默认值:false
  • -pt, --print-token:打印部署令牌(默认值:false
  • --env [environment]:要部署项目的部署环境的类型(默认值:“preview”)
  • -S, --subscription-id <subscriptionId>:此项目使用的 Azure 订阅 ID(默认值:“process.env.AZURE_SUBSCRIPTION_ID”)
  • -R, --resource-group <resourceGroupName>:此项目使用的 Azure 资源组
  • -T, --tenant-id <tenantId>:Azure 租户 ID(默认值:process.env.AZURE_TENANT_ID
  • -C, --client-id <clientId>:Azure 客户端 ID
  • -CS, --client-secret <clientSecret>:Azure 客户端密码
  • -n, --app-name <appName>:Azure Static Web App 应用程序名称
  • -cc, --clear-credentials:登录前清除持久化凭据(默认值:false
  • -u, --use-keychain:允许对持久化凭据使用操作系统本机密钥链(默认值:true
  • -nu, --no-use-keychain:禁止使用操作系统本机密钥链
  • -h, --help:显示命令帮助

使用情况

使用部署令牌进行部署。

swa deploy ./dist/ --api-location ./api/ --deployment-token <TOKEN>

使用来自环境变量的部署令牌进行部署。

SWA_CLI_DEPLOYMENT_TOKEN=123 swa deploy ./dist/ --api-location ./api/

使用 swa-cli.config.json 文件进行部署

swa deploy
swa deploy myconfig

打印部署令牌。

swa deploy --print-token

部署到特定环境。

swa deploy --env production

后续步骤