Azure Static Web Apps をパイプラインを使わずSWA CLIでデプロイしたメモ

概要

パイプラインが混雑しているときのために、ローカルからデプロイする方法を控えておく。

ソースコード

ソースコード追加

パイプライン用に取得したものと同じトークンを環境変数SWA_CLI_DEPLOYMENT_TOKENに入れておく。

.env

SWA_CLI_DEPLOYMENT_TOKEN = 静的Webアプリのデプロイトークン

swa cliを準備する

package.json

{
  "private": true,
  "name": "yakumi",
  "version": "0.1.0",
  "description": "Udonarium支援ツール",
  "devDependencies": {
+    "@azure/static-web-apps-cli": "^1.1.7",
    "prettier": "^3.2.5",
    "turbo": "^1.13.3",
    "typescript": "^5.4.5"
  },
  "scripts": {
    "build": "turbo build",
    "dev": "turbo dev",
+    "preazure-deploy": "npm run build",
+    "azure-deploy": "swa deploy ./dist --env production --api-location ./api"
  }
}

実行

npm run azure-deploy

デプロイ成功

なお、パイプラインからデプロイしたときは下記のようになっている。

(2024.07.22 追記) 環境変数を設定したデプロイスクリプト

dotenv-cliを使うとenvファイルで管理できる。

{
  "scripts": {
    "predeploy": "npm run build",
    "deploy": "dotenv -e .env.local -- bash -c 'swa deploy ./dist --env production'"
  "devDependencies": {
    "@azure/static-web-apps-cli": "^1.1.10",
    "dotenv-cli": "^7.4.2"
  }
}

.env.local

# Static Web App のデプロイトークン
SWA_CLI_DEPLOYMENT_TOKEN=hoge-000000-0000-0000-0000-fugafuga0000

ソースコード

monorepo+RPCでのパイプラインをデプロイしたメモ (2024.08.01 追記)

HonoでRPCをしたAzureStaticWebAppsをAzureDevOpsのパイプラインからデプロイしたメモ

参考

Azure Static Web Apps CLI を使用して静的 Web アプリをデプロイする
Azure Static Web Apps をローカルソースから直接デプロイする

作成済のAzure Static Web Apps に Azure DevOps からデプロイしたメモ