Angular
Azure
GitHub
Deploy Azure Static Web App [from Angular workspace]
Instructions
- Follow the Microsoft Documentation instructions
-
Update the Github action workflow NodeJs version, since the existing version 18 will not work with Azure.
steps: - uses: actions/checkout@v3 with: submodules: true lfs: false - uses: actions/setup-node@v3 with: node-version: '20.x'```yaml steps: - uses: actions/checkout@v3 with: submodules: true lfs: false - uses: actions/setup-node@v3 with: node-version: '20.x' ``` -
Update the Github action workflow build command.
- name: Build And Deploy id: builddeploy uses: Azure/static-web-apps-deploy@v1 with: azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_BLUE_SMOKE_0EEFAF11E }} action: "upload" ###### Repository/Build Configurations - These values can be configured to match your app requirements. ###### # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig app_location: "/" # App source code path api_location: "" # Api source code path - optional output_location: "dist/fullswing-blog/browser" # Built app content directory - optional app_build_command: "npm run build fullswing-blog --configuration=production"```yaml - name: Build And Deploy id: builddeploy uses: Azure/static-web-apps-deploy@v1 with: azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_BLUE_SMOKE_0EEFAF11E }} action: "upload" ###### Repository/Build Configurations - These values can be configured to match your app requirements. ###### # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig app_location: "/" # App source code path api_location: "" # Api source code path - optional output_location: "dist/fullswing-blog/browser" # Built app content directory - optional app_build_command: "npm run build fullswing-blog --configuration=production" ```
Jebb BurdittOct 15, 2025
