Skip to content

Setup Prerequisites

  • Microsoft Entra Tenant
  • Microsoft Entra Subscription

Install Azure PowerShell Module

Install-Module -Name Az -Repository PSGallery -Force

Create Resource Group

Connect-AzAccount

New-AzResourceGroup -Name rg-SmashGrade -Location switzerlandNorth

Create a Static Web App (Later we will be able to deploy a template)

Navigate to: Resource groups > rg-SmashGrade > + Create image

  1. Select your Subscription
  2. Your created Resource Group
  3. define a name (starting with stapp-* according to the best practices https://learn.microsoft.com/en-us/azure/cloud-adoption-framework/ready/azure-best-practices/resource-abbreviations)
  4. select Azure Staging Region
  5. Sign in to GitHub an request access token for SmashGrade GitHub Repo
  6. Select the Organization, Repo and Branch
  7. Build Presents -> React
  8. App location /
  9. Api location: (default)
  10. Output location: 'dist'

image

Short Overview

Overview Page

On the Overview section you have all the important stuff like the URL for the web page itself or the GitHub Action URL. image

Define a password

This will result in a password prompt each time you open the page image

Artifacts created by Azure in GitHub

GitHub Action image

Secrets for GitHub Actions image

Workflow File: image

Create Web App

Create a new Web App: image

Set Deployment settings: image

Review + create

Create the Git Actions as defined in the following Branch: https://github.com/SmashGrade/SmashGrade-App/tree/%2332-deploy-pr-to-azure-slot