How to automate Azure Static Web App Deployment to avoid Snowflakes?

Siegfried Heintze 1,861

As previously discussed (see https://learn.microsoft.com/en-us/answers/questions/1397184/how-to-automate-creation-of-azure-static-web-site), when an azure static web app has been deleted (perhaps accidentally deleted), it is necessary to

Create the azure web app with bicep or powershell or azure cli
fetch the deployment token from the newly created web app (how do I do this in a github workflow?)
take that deployment token and update the github secret, (how do I do this in a script?)
start the github workflow that runs all those npm commands compile and build and deploy the angular code (how do I do this from a script or github workflow?)

I tried enhancing the workflow yml script created by vscode plugin for azure static web apps so I could start the workflow using the github webpage without doing a git-push. I add this code to the workflow:

on:
  push:
    ...
  workflow_dispatch:
    branches:
    - main

Because I added "workflow_dispatch" I now see it displayed in the github action page.

Github Run worfklow button 2023-10-24 165145

When I click on the "run workflow" I try to manually start the execution of the workflow and click on the workflow run to observe the progress. However, I don't see any progress!

Screenshot 2023-10-24 200453

I just see this display and apparently it is not executing! Why is this? I was only able to start the workflow by doing a git push!

Why is it necessary to modify the source code and push instead of just manually clicking on the workflow?
So is this going to be an issue if I have another workflow call this workflow?

Thank you again for all your help so far!

Siegfried

SnehaAgrawal-MSFT 20,856 Reputation points

2023-10-26T06:59:19.5566667+00:00

Siegfried Heintze Could you please reach out to us by sending an email with subject line “Attn:Sneha |thread title” to AzCommunity[at]microsoft[dot]com referencing this thread, for deeper investigation on this issue.
Siegfried Heintze 1,861 Reputation points

2023-10-29T18:22:41.6933333+00:00
Regarding question #1:

Please help me understand how to create an azure static web site using bicep.

Here is my attempt based on using the azure static web site extension in vscode to create a static web site and then using the portal to download the JSON ARM template and decompiling this into bicep:

param location string = resourceGroup().location param name string = uniqueString(resourceGroup().id) param staticSites_AzureStaticAngularWebCallsAzureFunc_name string = 'AzureStaticAngularWebCallsAzureFunc002' resource staticSites_AzureStaticAngularWebCallsAzureFunc_name_resource 'Microsoft.Web/staticSites@2022-09-01' = { name: staticSites_AzureStaticAngularWebCallsAzureFunc_name location: location sku: { name: 'Free' tier: 'Free' } properties: { repositoryUrl: 'https://github.com/siegfried01/${staticSites_AzureStaticAngularWebCallsAzureFunc_name}' branch: 'main' stagingEnvironmentPolicy: 'Enabled' allowConfigFileUpdates: true provider: 'GitHub' enterpriseGradeCdnStatus: 'Disabled' } }

Needless to say, this is not working. While I get no errors, I don't get my content (from my github repo) either.

This makes sense because the bicep (probably) does not fetch the deployment token from the newly created static web site and update the git hub secret.

So I'm thinking it is incorrect to specify the properties Url in the bicep. What do you think?

So to summarize: how do we create an automated fix to this problem?

Normally what I would do would be to use the portal (instead of the azure static web site extension to VSCode) to create the azure static web site and hit F12 on my edge browser to observe the REST calls being made the portal and then code those REST calls with Azure CLI "az rest" statements.

But alas, this is broken: https://learn.microsoft.com/en-us/answers/questions/1381837/error-when-following-azure-static-web-app-tutorial

If we could resolve this other issue with the portal and make the portal create the azure static web site instead of VSCode, maybe I could figure the rest out myself?

Thanks

Siegfried
SnehaAgrawal-MSFT 20,856 Reputation points

2023-11-02T12:53:09.9066667+00:00

Thanks for detail, reached you internally.

Share via

How to automate Azure Static Web App Deployment to avoid Snowflakes?