Azure Static Web Apps 設定 IP 限制

筆記下前端自己設定允許特定 IP 訪問

簡介

Azure Static Web Apps 在 DevOps 的 CI/CD 會建立 pipeline 設定檔 azure-pipelines.yml

其中會指定 app_location 預設為根目錄 ('/')

而針對靜態網站本身的額外設定

則需要在上述指定目錄中的 staticwebapp.config.json 裡頭設定 networkingallowedIpRanges

範例

azure-pipelines.yml

trigger:
- master

pool:
  vmImage: ubuntu-latest

steps:
  - checkout: self
    submodules: true
  - task: AzureStaticWebApp@0
    inputs:
      app_location: '/'
      output_location: 'dist'
      app_build_command: 'npm run build'
      azure_static_web_apps_api_token: $(deployment_token)

staticwebapp.config.json

{
  "networking": {
    "allowedIpRanges": [
      "10.0.0.0/24",
      "100.0.0.0/32",
      "192.168.100.0/22"
    ]
  }
}

參照

設定 Azure Static Web Apps | Microsoft Learn

PS5