Microsoft Teams App Project Generator - #YoTeams
A Yeoman Generator for Microsoft Teams Apps projects. The most comprehensive and complete development toolkit for Microsoft Teams development. This generator is for developers who prefers to use TypeScript, React and node as their primary technologies.
The generator allows you to simply create and scaffold projects that includes one or more Microsoft Teams features such as:
- Bots - based on Bot Framework
- Messaging Extensions - actions and query
- Tabs, with support for Single-Sign-On
- Outgoing Webhooks
When scaffolding the project you will also have the option of adding additional features to your project such as:
- Easy deploy to Microsoft Azure
- Add unit testing framework and sample unit tests
- Easily develop and debug using ngrok
- Application Insights support
The documentation for the generator and the generated project can be found at the generator-teams Github Wiki.
The generated project
When the generator is done you can start working with your project. Make sure to read the generated README.md file for more instructions. The generated artefacts contains sample code as well as detailed documentation on the required steps that is required for you when registering Connectors and Bots.
The solution can be built using the Gulp task
build and hosted on a local web server using the Gulp task
serve. The Teams Application manifest is generated by executing the Gulp task
manifest - that will validate and create the ZIP file that you upload to Microsoft Teams.
yo teams Demo
Important: If this is the first time you're using Yeoman or installing a Yeoman generator, first install Node.js. For developers on Mac, we recommend using Node Version Manager to install Node.js with the right permissions. When the installation completes, restart your console (or if you are using Windows, restart your machine) to ensure you use the updated system environment variables.
gulp-cli (Gulp global command line interface) and
typescript (Typescript compiler) globally using NPM.
npm install yo gulp-cli typescript --global
Released and stable version
generator-teams globally using NPM.
npm install generator-teams --global
Preview versions of the generator will be published with the preview tag and can be installed using the following command:
npm install generator-teams@preview --global
yo teams [arguments]
Note: Files are created in the directory that you run the command from hence make sure you are happy with the location before you hit enter.
The following arguments can be used:
--skip-install- when used no packages will be installed at the end of the generator and you have to run
npm installor similar manually.
--no-telemetry- opt out of sending telemetry data (NOTE: no personal data or names of artefacts are being sent, only information of successful executions and what options are being used).
Build the generator
If you are interested in contributing or modifying the generator itself, you clone this repository and then install all modules before building the solution.
npm install npm run build
The bundled generator and the template files will end up in the
Test the generator
If you want to run the generator tests, you can run the following command.
Yeoman-test packge is being used for the generator tests. (NOTE: Node JS version 8.10.0 is recommended for executing generator tests.)
Use it in dev mode
generator-teams directory use the following command, this will link the local copy of the folder as a global node module.
To revert the link operation:
For more information on how Tabs and Bots can be used with Teams see the Teams Developer Documentation
- Wictor Wilén - Original author and coordinator
- Bill Bliss
- Richard DiZerega
- Elaine van Bergen
- Daniel Laskewitz
- Paul Schaeflein
- Cagdas Davulcu
- Stefan Bauer
- Andrew Connell
- Ralf Brennscheidt