MTHT- MICROSOFT HACK TOGETHER FOR MS TEAMS

Project Details

For now very simple application which are showing logged-in user details in the card.

Branching strategy

There is standard git flow implemented with RELEASE (will be created for first release), MASTER, DEVELOPEMENT and FEATURE branches.

Future plans

My plan after this hack is to build proper application with Azure Cognitive Services on top of it, to quicky communicate with coworkers.

Flow

There is only one tab in teams with landing page and sub-tab inside application. Here is the screen dump:

Prerequisites

• Node.js, supported versions: 16, 18
• An M365 account. If you do not have M365 account, apply one from M365 developer program
• Set up your dev environment for extending Teams apps across Microsoft 365

Please note that after you enrolled your developer tenant in Office 365 Target Release, it may take couple days for the enrollment to take effect.

• Teams Toolkit Visual Studio Code Extension version 5.0.0 and higher or TeamsFx CLI

Getting Started

Follow below instructions to get started with this application template for local debugging.

Test your application with Visual Studio Code

1. Press F5 or use the Run and Debug Activity Panel in Visual Studio Code.
2. Select a target Microsoft 365 application where the personal tabs can run: Debug in Teams, Debug in Outlook or Debug in the Microsoft 365 app and click the Run and Debug green arrow button.

Test your application with TeamsFx CLI

1. Executing the command teamsfx provision --env local in your project directory.
2. Executing the command teamsfx deploy --env local in your project directory.
3. Executing the command teamsfx preview --env local --m365-host <m365-host> in your project directory, where options for m365-host are teams, outlook or office.

References

• Extend a Teams personal tabs across Microsoft 365
• Teams Toolkit Documentations
• Teams Toolkit CLI
• TeamsFx SDK
• Teams Toolkit Samples

Author

👤 Kamil Siebyła