Skip to content

Files

Latest commit

 

History

History

basic-blazor-tab-app

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
page_type languages products name urlFragment description extensions
sample
csharp
office-teams
office
Basic Blazor Tab App using .NET
officedev-teamsfx-samples-tab-basic-blazor-tab-app
A Teams tab app built using the Blazor web framework
createdDate
2023-06-06

Getting Started with Basic Blazor Tab App

Blazor is a feature of ASP.NET for building interactive web UIs. The Basic Blazor Tab App is a Teams Tab App built using the Blazor web framework, which supports both personal tab and configurable tab functionalities.

This sample illustrates

  • How to create, debug and deploy a Blazor Teams tab app.

Prerequisite to use this sample

Minimal path to awesome

Run the app locally

  1. Clone the repo to your local workspace or directly download the source code.
  2. Open the project in Visual Studio.
  3. Right click to the project, select Teams Toolkit > Prepare Teams App Dependencies.
  4. Press "F5" to launch the bot
  5. Sideloading your app to view into Microsoft Teams to view the Basic Blazor Tab App.

Deploy the app to Azure

You can create and automatically configure cloud resources for hosting your app in Azure using Teams Toolkit.

  1. If you don't have an Azure subscription, create a free account before you begin
  2. Select the BasicBlazorTabApp > Teams Toolkit > Provision menu. In the Select your subscription window, choose the Azure subscription you want to use to create resources with. Teams Toolkit will create Azure resources in this subscription but no code is deployed during this step.
  3. Select the BasicBlazorTabApp > Teams Toolkit > Deploy in the Cloud menu to deploy your project to these new resources.

Preview the app in Teams

  1. When you install the app into Microsoft Teams, it will immediately begin to send messages every thirty seconds into the location where you have installed it. There is no additional configuration required.

Version History

Date Author Comments
Jun 6, 2023 ZhijieHuang Onboard sample in Teams Toolkit V5.0.0

Feedback

We really appreciate your feedback! If you encounter any issue or error, please report issues to us following the Supporting Guide. Meanwhile you can make recording of your journey with our product, they really make the product better. Thank you!