Workshop

Voraussetzungen

• GitHub Account
• Azure Account
  • Credits für TT Devs
• Visual Studio Code
  • Powershell: winget install Microsoft.VisualStudioCode
  • Download
• Azure Static Web App extension für VSCode
• Git
  • Powershell: winget install Git.Git
  • Download

Repository

Repository erstellen

Repository klonen

git clone <Repository URL>

Static Web App erstellen

1. In VSCode klick auf
2. "Sign in to Azure..."
3. Subscription Microsoft Azure Sponsorship öffnen
4. Rechtsklick auf Static Web Apps und Create Static Web App... (Advanced) auswählen

Setting	Value
Ressource Group	TechDay
Name	Appname-Kürzel (fictional-happines-tschl)
Pricing option	Free
Region	West Europe
Build preset	Angular
Location Application Code	/
Location Api	api
Location Build output	dist/angular-basic

Microsoft Quickstart

https://learn.microsoft.com/en-us/azure/static-web-apps/getting-started?tabs=angular

Extended Self Learning

Preview Deployments Azure AD Auth einschalten

---

---

Angular basic

Azure Static Web Apps allows you to easily build Angular apps in minutes. Use this repo with the Angular quickstart to build and customize a new static site.

This project was generated with Angular CLI.

Project setup

npm install

Start the dev server

npm run swa:start

Note: This command will use the local configuration file swa-cli.config.json.

Run unit tests

npm test

Run e2e tests

npm run e2e

Lints and fixes files

npm run lint

Compiles and minifies for production

npm run build

Login to Azure

npm run swa:login

Deploy to Azure

npm run swa:deploy