page_type | languages | products | name | urlFragment | description | extensions | |||||
---|---|---|---|---|---|---|---|---|---|---|---|
sample |
|
|
Basic Blazor Tab App using .NET |
officedev-teamsfx-samples-tab-basic-blazor-tab-app |
A Teams tab app built using the Blazor web framework |
|
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.
- How to create, debug and deploy a Blazor Teams tab app.
- Visual Studio 2022, version 17.7 or higher.
- Latest Teams Toolkit for Visual Studio.
- A Microsoft 365 account. If you do not have Microsoft 365 account, apply one from Microsoft 365 developer program.
- Clone the repo to your local workspace or directly download the source code.
- Open the project in Visual Studio.
- Right click to the project, select Teams Toolkit > Prepare Teams App Dependencies.
- Press "F5" to launch the bot
- Sideloading your app to view into Microsoft Teams to view the Basic Blazor Tab App.
You can create and automatically configure cloud resources for hosting your app in Azure using Teams Toolkit.
- If you don't have an Azure subscription, create a free account before you begin
- 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.
- Select the BasicBlazorTabApp > Teams Toolkit > Deploy in the Cloud menu to deploy your project to these new resources.
- 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.
Date | Author | Comments |
---|---|---|
Jun 6, 2023 | ZhijieHuang | Onboard sample in Teams Toolkit V5.0.0 |
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!