{"id":62906,"date":"2021-12-02T08:56:59","date_gmt":"2021-12-02T16:56:59","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/devops\/?p=62906"},"modified":"2021-12-02T08:54:46","modified_gmt":"2021-12-02T16:54:46","slug":"automating-azure-static-web-apps-in-azure-pipelines","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/automating-azure-static-web-apps-in-azure-pipelines\/","title":{"rendered":"Automating Azure Static Web Apps in Azure Pipelines"},"content":{"rendered":"

Azure Static Web Apps<\/a> were launched earlier in 2021 and out of the box they had the capability to integrate your existing repository and deploy your Static Web App from Azure DevOps. You can reference the full getting started guide<\/a> for the end-to-end deployment setup. Although, there is a caveat, the whole process is not entirely automated. When you create an Azure Static Web App you are required to copy the Deployment Token<\/em> from the Azure portal into your variables in Azure DevOps.<\/p>\n

\"Deployment<\/a><\/p>\n

While deployment using Azure DevOps is supported, we really want to be better automate our pipeline and take out the manual intervention of having to copy and paste our Deployment Token into our pipelines. The reality is, we are going to need to rotate our deployment token to maintain a highly secure application. Imagine if we were taking part in good security practices and rotated our tokens, but forgot that we had a manual step to update our pipeline variables? This would undoubtedly cause downtime in our Azure Static Web App.<\/p>\n

In our pipeline we can create a task that runs a PowerShell script that pulls the latest Deployment token from the Azure portal, then updating our pipeline deployment token with the new token value. This automates what would have been a very manual process!<\/p>\n

Here is a sample pipeline that includes this automation task:<\/p>\n

\"PowerShell<\/a><\/p>\n

If you would like to reuse this task (please send a very warm thank you to Steven Murawski<\/a>) and you can reference the PowerShell script here<\/a>.<\/p>\n

Good luck and happy automating!<\/p>\n

For more DevOps goodness have a look at the links below:<\/p>\n

The DevOps Lab on YouTube<\/a>
\nThe DevOps Lab on Twitter<\/a>
\nThe DevOps Lab on Microsoft Docs<\/a><\/p>\n

Useful Docs:<\/p>\n

Microsoft Azure: $200 Free Credit<\/a>
\nAzure DevOps Hands on Labs<\/a>
\nGet started with the Azure DevOps learning path<\/a>
\nAzure DevOps Documentation<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Azure Static Web Apps were launched earlier in 2021 and out of the box they had the capability to integrate your existing repository and deploy your Static Web App from Azure DevOps. You can reference the full getting started guide for the end-to-end deployment setup. Although, there is a caveat, the whole process is not […]<\/p>\n","protected":false},"author":11848,"featured_media":45953,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[224,226,1],"tags":[],"class_list":["post-62906","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","category-ci","category-devops"],"acf":[],"blog_post_summary":"

Azure Static Web Apps were launched earlier in 2021 and out of the box they had the capability to integrate your existing repository and deploy your Static Web App from Azure DevOps. You can reference the full getting started guide for the end-to-end deployment setup. Although, there is a caveat, the whole process is not […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/62906","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/users\/11848"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/comments?post=62906"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/62906\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/45953"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=62906"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=62906"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=62906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}