.
├── .devcontainer/
│   └── devcontainer.json          
├── .github/
│   └── workflows/
│       └── deploy.yml              # GitHub Actions workflow ⭐
├── infra/                          
│   ├── bicep/                     
│   │   ├── main.bicep              # GitHub Actions用Bicep ⭐
│   │   ├── main-local.bicep        
│   │   ├── parameters.json         # GitHub Actions用パラメータ ⭐
│   │   └── parameters-local.json   
│   └── scripts/                   
│       ├── deploy.sh               # 本番環境デプロイスクリプト ⭐
│       └── deploy-local.sh         
├── out/
│   └── index.html                 
├── .env.local                      
├── .env.deploy                     # スクリプト用環境変数
├── .gitignore                      # 機密情報を守る砦
├── swa-cli.config.json             
└── README.md                       # コマンドをメモするのに使ってね！                   

{
  "$schema": "https://schema.management.azure.com/schemas/2019-04-01/deploymentParameters.json#",
  "contentVersion": "1.0.0.0",
  "parameters": {
    "projectName": {
      "value": "bicep-swa-prod"
    },
    "environment": {
      "value": "production"
    },
    "location": {
      "value": "East Asia"
    },
    "repositoryUrl": {
      "value": "https://github.com/USER_MAME/REPOSITORY_NAME"
    },
    "branch": {
      "value": "main"
    },
    "appLocation": {
      "value": "/out"
    },
    "apiLocation": {
      "value": ""
    },
    "outputLocation": {
      "value": ""
    },
    "deploymentProvider": {
      "value": "GitHub"
    }
  }
}

@description('プロジェクト名（リソース名のプレフィックスとして使用）')
param projectName string

@description('デプロイ環境 (dev, staging, prod)')
param environment string = 'dev'

@description('デプロイ先のリージョン')
param location string = resourceGroup().location

@description('GitHubリポジトリのURL')
param repositoryUrl string

@description('GitHubリポジトリのブランチ名')
param branch string = 'main'

@description('アプリファイルの場所')
param appLocation string = '/out'

@description('APIファイルの場所（使用しない場合は空文字）')
param apiLocation string = ''

@description('出力ファイルの場所')
param outputLocation string = ''

@description('デプロイプロバイダー (GitHub, DevOps)')
@allowed(['GitHub', 'DevOps'])
param deploymentProvider string = 'GitHub'

// GitHub Actions連携用Static Web Apps
resource staticWebApp 'Microsoft.Web/staticSites@2024-11-01' = {
  name: '${projectName}-swa-${environment}'
  location: location
  sku: {
    name: 'Free'
    tier: 'Free'
  }
  properties: {
    provider: deploymentProvider
    repositoryUrl: repositoryUrl
    branch: branch
    buildProperties: {
      appLocation: appLocation
      apiLocation: apiLocation
      outputLocation: outputLocation
      skipGithubActionWorkflowGeneration: true  // 手動管理
    }
  }
  tags: {
    Environment: environment
    Purpose: 'Production'
    CreatedBy: 'GitHub-Actions'
    Repository: repositoryUrl
    Branch: branch
  }
}

// 出力値
output staticWebAppName string = staticWebApp.name
output staticWebAppUrl string = 'https://${staticWebApp.properties.defaultHostname}'
output staticWebAppId string = staticWebApp.id
output resourceGroupName string = resourceGroup().name
output subscriptionId string = subscription().subscriptionId
output repositoryUrl string = repositoryUrl

name: Deploy to Azure Static Web Apps

on:
  workflow_dispatch:  # 手動実行を可能にする
  push:
    branches: [main]
    paths:
      - 'out/**'  # outディレクトリ内のファイルが変更された場合のみ実行

permissions:
  contents: read
  pull-requests: write

jobs:
  build_and_deploy:        
    environment: production
    env:
        APP_LOCATION: ${{ vars.APP_LOCATION || '.' }}
        OUTPUT_LOCATION: ${{ vars.OUTPUT_LOCATION || 'out' }}
        API_LOCATION: ${{ vars.API_LOCATION || '' }}
    runs-on: ubuntu-latest
    name: Build and Deploy
    steps:
      - uses: actions/checkout@v4
        with:
          submodules: true
      
      - name: Build And Deploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN }}
          repo_token: ${{ secrets.GITHUB_TOKEN }}
          action: "upload"
          app_location: ${{ env.APP_LOCATION }}
          api_location: ${{ env.API_LOCATION }}
          output_location: ${{ env.OUTPUT_LOCATION }}
          skip_app_build: true

$RESOURCE_GROUP_NAME="bicep-test-group"

$LOACTION="eastasia"

$SWA_NAME="bicep-actions-deploy-swa"

$GITHUB_ENVIRONMENT="production"

$BRANCH="main"

$APP_LOCATION="/out"

$GITHUB_OWNER="xxxxxxx"

$GITHUB_REPO="xxxxx"

$RESOURCE_GROUP_NAME="bicep-test-group"
$LOACTION="eastasia"

# リソースグループの確認
az group show --name $RESOURCE_GROUP_NAME

# リソースの作成
az group create --name $RESOURCE_GROUP_NAME --location $LOCATION

# 検証
az deployment group validate \
	  --resource-group $RESOURCE_GROUP_NAME \
	  --template-file infra/bicep/main.local.bicep \
	  --parameters @infra/bicep/parameters.local.json
  
# デプロイ
az deployment group create \
	  --resource-group "$RESOURCE_GROUP" \
	  --name "$DEPLOYMENT_NAME" \
	  --template-file "$BICEP_TEMPLATE" \
	  --parameters "@$BICEP_PARAMS" 

# ✅ 正しい - ファイルの内容を読み込む
--parameters "@parameters.local.json"

# ❌ 間違い - ファイル名がそのまま渡される
--parameters "parameters.local.json"

az staticwebapp secrets list --name $SWA_NAME --resource-group $RESOURCE_GROUP_NAME --query "properties.apiKey" -o tsv

gh auth login

# コマンド紹介
# gh secret set <ここに登録名> --env <環境名> --repo $GITHUB_OWNER/$GITHUB_REPO　--body <設定したい値>
# gh variable set <ここに登録名> --env <環境名> --repo $GITHUB_OWNER/$GITHUB_REPO　--body <設定したい値>

gh variable set APP_LOCATION --env production --repo $GITHUB_OWNER/$GITHUB_REPO --body $APP_LOCATION
 
gh variable set OUTPUT_LOCATION --env production --repo $GITHUB_OWNER/$GITHUB_REPO --body $OUTPUT_LOCATION

gh secret set AZURE_STATIC_WEB_APPS_API_TOKEN --env production --repo $GITHUB_OWNER/$GITHUB_REPO --body $DEPLOY_TOKEN

# Azure Static Web Apps デプロイ設定ファイル

# Azure設定
RESOURCE_GROUP_NAME="************"
LOCATION="eastasia"

# GitHub設定
GITHUB_OWNER="************"        # GitHubユーザー名またはOrganization名
GITHUB_REPO="************"        # リポジトリ名
GITHUB_ENVIRONMENT="************"     # GitHub Environment名

# プロジェクト設定（parameters.jsonと合わせる）
PROJECT_NAME="************"
ENVIRONMENT="************"
REPOSITORY_URL="************"
BRANCH="main"

# デプロイ設定
APP_LOCATION="/out"
API_LOCATION=""
OUTPUT_LOCATION=""

#!/bin/bash

# Azure Static Web Apps GitHub Actions用デプロイスクリプト（設定ファイル対応版）
set -e

# スクリプトのディレクトリを取得
SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"

# 設定ファイルの読み込み
CONFIG_FILE="$(git rev-parse --show-toplevel)/.env.deploy"

if [ -f "$CONFIG_FILE" ]; then
    echo "📁 設定ファイル読み込み: $CONFIG_FILE"
    source "$CONFIG_FILE"
else
    echo "⚠️  設定ファイルが見つかりません: $CONFIG_FILE"
    echo "   .env.deploy.example をコピーして設定してください"
    exit 1
fi

# 必須設定の確認
if [ -z "$GITHUB_OWNER" ] || [ -z "$GITHUB_REPO" ]; then
    echo "❌ GITHUB_OWNER と GITHUB_REPO を設定してください"
    exit 1
fi

# デプロイ名生成
DEPLOYMENT_NAME="swa-deployment-$(date +%Y%m%d-%H%M%S)"

echo "🚀 Azure Static Web Apps 本番環境デプロイ（GitHub Secret自動登録付き）"
echo "=================================================================="

# 設定値表示
echo "📋 設定確認:"
echo "  Azure Resource Group: $RESOURCE_GROUP_NAME"
echo "  Location: $LOCATION"
echo "  GitHub Owner: $GITHUB_OWNER"
echo "  GitHub Repo: $GITHUB_REPO"
echo "  GitHub Environment: $GITHUB_ENVIRONMENT"
echo ""

# 0. 前提条件確認
echo "📋 前提条件確認..."

# jq インストール確認
if ! command -v jq &> /dev/null; then
    echo "❌ jq がインストールされていません"
    echo "   Ubuntu/Debian: sudo apt-get install jq"
    echo "   macOS: brew install jq"
    exit 1
fi

# GitHub CLI インストール確認
if ! command -v gh &> /dev/null; then
    echo "❌ GitHub CLI (gh) がインストールされていません"
    echo "   インストール方法: https://cli.github.com/"
    exit 1
fi

# GitHub CLI 認証確認
echo "🔐 GitHub CLI認証状態確認..."
if ! gh auth status &> /dev/null; then
    echo "❌ GitHub CLIにログインしてください"
    echo "   実行コマンド: gh auth login"
    exit 1
else
    echo "✅ GitHub CLI認証済み"
    CURRENT_USER=$(gh api user --jq '.login')
    echo "   認証ユーザー: $CURRENT_USER"
fi

# リポジトリアクセス確認
echo "🔍 GitHubリポジトリアクセス確認..."
if ! gh repo view $GITHUB_OWNER/$GITHUB_REPO &> /dev/null; then
    echo "❌ リポジトリにアクセスできません: $GITHUB_OWNER/$GITHUB_REPO"
    echo "   リポジトリ名とアクセス権限を確認してください"
    exit 1
else
    echo "✅ リポジトリアクセス確認済み"
fi

# 1. Azure CLI ログイン確認
echo ""
echo "📋 Azure CLI認証状態確認..."
if ! az account show &> /dev/null; then
    echo "❌ Azure CLIにログインしてください"
    az login
else
    echo "✅ Azure CLI認証済み"
    az account show --query "{Name:name, SubscriptionId:id}" -o table
fi

# 2. リソースグループ作成（存在しない場合）
echo ""
echo "📦 本番用リソースグループ確認・作成..."
if ! az group show --name $RESOURCE_GROUP_NAME &> /dev/null; then
    echo "🔧 リソースグループ作成中: $RESOURCE_GROUP_NAME"
    az group create --name $RESOURCE_GROUP_NAME --location $LOCATION
    echo "✅ リソースグループ作成完了"
else
    echo "✅ リソースグループ既存: $RESOURCE_GROUP_NAME"
fi

# 3. Bicepファイル存在確認
BICEP_MAIN="infra/bicep/main.bicep"
BICEP_PARAMS="infra/bicep/parameters.json"

if [ ! -f "$BICEP_MAIN" ]; then
    echo "❌ Bicepテンプレートが見つかりません: $BICEP_MAIN"
    exit 1
fi

if [ ! -f "$BICEP_PARAMS" ]; then
    echo "❌ Bicepパラメータファイルが見つかりません: $BICEP_PARAMS"
    exit 1
fi

# 4. Bicepテンプレートの検証
echo ""
echo "🔍 GitHub Actions用Bicepテンプレート検証..."
az deployment group validate \
    --resource-group $RESOURCE_GROUP_NAME \
    --template-file $BICEP_MAIN \
    --parameters @$BICEP_PARAMS

echo "✅ Bicepテンプレート検証成功"

# 5. Bicepデプロイ実行
echo ""
echo "🚀 GitHub Actions連携用Static Web Appsデプロイ開始..."
echo "   デプロイ名: $DEPLOYMENT_NAME"

DEPLOYMENT_OUTPUT=$(az deployment group create \
    --resource-group $RESOURCE_GROUP_NAME \
    --name $DEPLOYMENT_NAME \
    --template-file $BICEP_MAIN \
    --parameters @$BICEP_PARAMS \
    --query "properties.outputs" -o json)

echo "✅ Bicepデプロイ完了"

# 6. デプロイ結果の取得
echo ""
echo "📊 デプロイ結果取得中..."
SWA_NAME=$(echo $DEPLOYMENT_OUTPUT | jq -r '.staticWebAppName.value')
SWA_URL=$(echo $DEPLOYMENT_OUTPUT | jq -r '.staticWebAppUrl.value')
RESOURCE_GROUP=$(echo $DEPLOYMENT_OUTPUT | jq -r '.resourceGroupName.value')
SUBSCRIPTION_ID=$(echo $DEPLOYMENT_OUTPUT | jq -r '.subscriptionId.value')

# デプロイトークン取得（リトライ機能付き）
echo "🔑 デプロイトークン取得中..."
RETRY_COUNT=0
MAX_RETRIES=5
while [ $RETRY_COUNT -lt $MAX_RETRIES ]; do
    DEPLOYMENT_TOKEN=$(az staticwebapp secrets list --name $SWA_NAME --resource-group $RESOURCE_GROUP_NAME --query "properties.apiKey" -o tsv 2>/dev/null)
    if [ -n "$DEPLOYMENT_TOKEN" ] && [ "$DEPLOYMENT_TOKEN" != "null" ]; then
        echo "✅ デプロイトークン取得成功"
        break
    fi
    RETRY_COUNT=$((RETRY_COUNT + 1))
    echo "   リトライ中... ($RETRY_COUNT/$MAX_RETRIES)"
    sleep 10
done

if [ -z "$DEPLOYMENT_TOKEN" ] || [ "$DEPLOYMENT_TOKEN" = "null" ]; then
    echo "❌ デプロイトークンの取得に失敗しました"
    exit 1
fi


# 7. GitHub Secretsの登録
echo ""
echo "🔐 GitHub Secrets & Variables 登録中... "

# 条件分岐で空文字をスキップ
if [ -n "$APP_LOCATION" ]; then
  echo $APP_LOCATION | gh variable set APP_LOCATION --env production --repo $GITHUB_OWNER/$GITHUB_REPO
  echo "✅ APP_LOCATION set to: $APP_LOCATION"
else
  echo "⏭️  APP_LOCATION is empty, skipping..."
fi

if [ -n "$OUTPUT_LOCATION" ]; then
  echo $OUTPUT_LOCATION | gh variable set OUTPUT_LOCATION --env production --repo $GITHUB_OWNER/$GITHUB_REPO
  echo "✅ OUTPUT_LOCATION set to: $OUTPUT_LOCATION"
else
  echo "⏭️  OUTPUT_LOCATION is empty, skipping..."
fi

if [ -n "$API_LOCATION" ]; then
  echo $API_LOCATION | gh variable set API_LOCATION --env production --repo $GITHUB_OWNER/$GITHUB_REPO
  echo "✅ API_LOCATION set to: $API_LOCATION"
else
  echo "⏭️  API_LOCATION is empty, skipping..."
fi


echo $DEPLOYMENT_TOKEN | gh secret set AZURE_STATIC_WEB_APPS_API_TOKEN --env production --repo $GITHUB_OWNER/$GITHUB_REPO


# 10. 登録されたSecretsの確認
echo ""
echo "🔍 登録されたSecretsの確認..."
echo "Environment Secrets ($GITHUB_ENVIRONMENT):"
gh secret list --env $GITHUB_ENVIRONMENT --repo $GITHUB_OWNER/$GITHUB_REPO 2>/dev/null | grep -E "(AZURE_STATIC_WEB_APPS_API_TOKEN)" || echo "  ※ Secret一覧の表示には管理者権限が必要です"
gh variable list --env $GITHUB_ENVIRONMENT --repo $GITHUB_OWNER/$GITHUB_REPO 2>/dev/null | grep -E "(APP_LOCATION|OUTPUT_LOCATION|API_LOCATION)" || echo "  ※ Variable一覧の表示には管理者権限が必要です"


# 11. デプロイ結果の表示
echo ""
echo "📊 本番環境デプロイ結果:"
echo "======================"
echo "🌐 Static Web App名: $SWA_NAME"
echo "🔗 URL: $SWA_URL"
echo "📁 リソースグループ: $RESOURCE_GROUP"
echo "🆔 サブスクリプション: $SUBSCRIPTION_ID"
echo "🔐 GitHub Environment: $GITHUB_ENVIRONMENT"
echo "🏷️  デプロイ名: $DEPLOYMENT_NAME"

# 12. 次のステップ案内
echo ""
echo "🎉 本番環境デプロイ完了！"
echo ""
echo "📝 次のステップ:"
echo "   1. ブラウザで $SWA_URL にアクセス"
echo "   2. GitHub Actions ワークフローファイルを作成"
echo "   3. 自動デプロイをテスト"
echo "   4. Environment保護ルールを設定（推奨）"
echo ""
echo "🔧 便利なリンク:"
echo "   - Static Web App: https://portal.azure.com/#resource/subscriptions/$SUBSCRIPTION_ID/resourceGroups/$RESOURCE_GROUP/providers/Microsoft.Web/staticSites/$SWA_NAME"
echo "   - GitHub Environment設定: https://github.com/$GITHUB_OWNER/$GITHUB_REPO/settings/environments"
echo "   - GitHub Actions: https://github.com/$GITHUB_OWNER/$GITHUB_REPO/actions"
echo ""
echo "💻 手動デプロイ用コマンド（トラブルシューティング時）:"
echo "   cd out && npx @azure/static-web-apps-cli deploy --deployment-token [TOKEN]"

deploy.info.*.json

.env
.env.*

!.env.*.sample