3 Publish a Blazor WebAssembly app with Azure Static Web Apps

mebaumb редактировал(а) эту страницу 2021-04-23 08:37:22 -07:00

Содержание

• Event Information
• Content to teach
• Agenda

Event Information

Category	Details
Reactor Topic	Coding, Languages, and Frameworks
Workshop Level	Beginner
Workshop Duration	60 Minutes
Title	Publish a Blazor WebAssembly app with Azure Static Web Apps
Description	What is this session about? Blazor is a feature of ASP.Net that allows you to, among other things, build robust and interactive Web User Interfaces (UI) using C# instead of Javascript, right from your browser. In this workshop, you'll deploy and update a Blazor web application and its API with Azure Static Web Apps. You will start with cloning and running an existing Blazor web app locally, then create an API for the app with Azure Functions, and end with publishing the app and API to Azure Static Web Apps. Who is it aimed at? This workshop is for web developer and those interested in web development who want to learn about Azure Statics Web Apps for easy and seamless deployment of their apps. To attend this workshop, you should have a basic knowledge of wen app concepts, an Azure account, and a GitHub account. You should also have Visual Studio installed. Why should you attend? You should attend if you want to learn more about Azure Static Web Apps and Blazor, so that you can build and deploy full stack web apps with .NET.
Content	https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api-dotnet/

Event Dates: Feb 23 & 24, 2021 - all locations

Content to teach

This workshop will take Reactor community members through this module: Publish a Blazor WebAssembly app with Azure Static Web Apps

SHARE THIS LINK WITH REACTOR ATTENDEES: https://aka.ms/BlazorWebAssembly-8 (this is for tracking purposes. please do not share the direct link to the Learn module)

Encourage attendees to go through the module with you and complete it. Also encourage them to rate the module at the end.

Agenda

1. Intro/Overview 5 min
   • Welcome community members
   • Provide overview of content to be covered
   • Encourage community members to complete and rate the module at the end
   • Make sure community members are aware of the pre-reqs:
     • Basic knowledge of web app concepts
     • C# .NET experience at a beginner level
     • A GitHub account
     • Visual Studio 2019 (or newer)
2. Introduction 5 min
   • Overview of Azure Static Web Apps
     • https://azure.microsoft.com/services/app-service/static/
   • Review learning objectives and tasks for workshop
3. Get started with the exercise 3 min
   • Create a GitHub repository
   • Run your app
   • Browser to your app
4. Plan your Azure Static Web App 3 min
   • Connect your static web apps instance to GitHub
5. Create an Azure Static Web App 5 min
   • Create the app
   • Configure the app
   • Review the GitHub Action
   • View website
6. Create fallback routes 6 min
   • Configure fallback routes
   • Pull code
   • Create a routing file
   • Push changes
   • Try the fallback routes
7. Build an API with Azure Functions 3 min
   • Create an API for the web app
   • Preview changes
   • Configure communication between the app and API
8. Create an Azure Functions project 6 min
9. Publish the API with GitHub Actions 7 min
   • Configure GitHub Actions
   • Trigger the action
   • Push changes to GitHub
   • Create a pull request
   • Publish
10. Closing 5 min
    • Walk through knowledge check questions and answers
    • Provide a summary
    • Q&A
    • IMPORTANT: Ask attendees to take the survey: https://aka.ms/Reactor/Survey
      • Note: The event code is listed in this issue description and/or your Reactor contact can share that with the community members during the workshop
    • Share any helpful resources
      • Azure Static Web Apps on Microsoft Docs
      • Blazor website