Search code examples
microsoft-teamsmicrosoft-graph-teamsteams-toolkit

How to implement non-teams auth for teamsfx created react app?

Is there an example of adding authentication to a teamsfx created react app for when accessed directly with the browser, no teams? The teamfx specific mgt-element version is giving me trouble when trying to implement this.

Thanks!
Ed

Solution

  • Since TeamsFx SDKs needs to run in Teams, you can create a Tab project with TeamsFx Toolkit and add your auth provider in the project. To create a Tab project, you can run the following command with latest TeamsFx CLI:

    teamsfx new --interactive false --capabilities tab-non-sso --app-name yourApp

    To add your auth provider, this package may help you, and you can also refer to this wiki to learn more.