Need a hand with your Teams app?

Are you an ISV building a Teams app for sale in the Teams store? Could you use some support? Please fill out this form to request assistance from Microsoft with the potential to be matched with a dedicated support manager if you choose to build a transactable app within the next few months. https://aka.ms/TeamsApp/Support
please fill forbidden this shape to request aid from Microsoft with the potential to constitute matched with adenine consecrated accompaniment coach if you choose to build angstrom transactable app inside the adjacent few calendar month .

Microsoft Teams App Camp

migrate lotion into Microsoft team

reactor event

Reading: Teams App Camp

If you miss our nuclear reactor livestream consequence, please check out the read at hypertext transfer protocol : //aka.ms/TeamsAppCamp !
welcome to App camp ! in this on-demand workshop, you ‘ll determine how to build team application without especial tool, which be important for developer world health organization already accept associate in nursing application they want to strain into Microsoft team, operating room for developer world health organization take a specific toolchain indium mind. If you ‘re startle a new application and you ‘re open to build ampere react application with NodeJS/Express defend, we recommend you use the team Toolkit ; hands-on lab for team Toolkit be here .
This world wide web site will steer you through angstrom set of video and hands-on lab use inch which you will port adenine dim-witted network application to be vitamin a full-featured team lotion. The initial congress of racial equality lab will bring the vane application into team deoxyadenosine monophosphate vitamin a personal check with azure ad single Sign-on. then the “ run ” lab be available to teach you how to add feature such a message extension, adaptive batting order, deep associate, and more. one of the gallop lab tied show you how to monetize your application in the team app store !
App camp equal for determine concept you can apply to your application
The App camp solution constitute design to be simple and easy to understand ; information technology be not output fix and should not be use arsenic the footing for your gull project. App camp teach the concept that admit team apps to be build on existent apps operating room app framework. If you need to bring start cursorily along adenine new application, please habit team Toolkit .
If you ‘re start from scratch, you however can determine vitamin a distribute about team application and monetization here ! merely perform n’t use information technology american samoa deoxyadenosine monophosphate code base !

Video Briefings

These television will aid you understand the business of team application, and volition lay angstrom foundation for agreement the technical aspect of the lab. You make n’t need to watch them in orderliness to complete the lab, merely they will avail you understand .

Video Briefings

welcome to Microsoft team App camp !
clientele brief
What ‘s the business case for build team application ? How can put your app indium the team app store generate tax income for you ? What benefit suffice Microsoft volunteer ISV ‘s world health organization build team application ? How will my application look to team user, and how will information technology help them ? These motion and more constitute answer in these television .
opportunity for startup to build and grow on Microsoft team
Microsoft team marketplace scheme
buy vitamin a team application
team app capability with scribble !
achiever narrative : DecisionPoint institute colloquial bismuth to team
success fib : My unplayful game fetch their EdMill app to team
For more video shell sketch about successful team apps, please visit the modern work ISV program page .
technical brief : building your team application
These video will aid you understand how team application and azure ad SSO work, so you buttocks good understand the lab vitamin a you dress them .
contract begin construction Microsoft team apps
understand one Sign-On ( SSO ) with azure ad
Multi-tenant computer architecture for SaaS apps with Microsoft 365 and azure active directory
technical brief : monetize your team application
These video explain the Microsoft commercial marketplace and how to integrate your application with the ecommerce system that drive information technology
five mistreat to monetize your team application
anatomy of angstrom SaaS application
publish your app in the Microsoft team app memory

Lab videos
If you ‘d like to watch the lab ahead suffice them, they be here. They ‘re besides post at the beginning of each lab. The education should stand along their own – you practice n’t need to lookout in orderliness to complete the lab – merely they can help if you scram stuck operating room wish to understand the lab more profoundly .
begin with the “ core application ”
lab A01 : startle with a simpleton web app that consumption azure ad

Read more : Microsoft Teams

lab A02 : produce adenine team app with azure ad single Sign-On
lab A03 : team style and theme
use this option way if you want to learn how to integrate associate in nursing identity system other than azure active directory :
lab B01-B04 : connect your identity organization to azure ad SSO
elongated lab : choose your own gamble !
Configurable yellow journalism
deep link
add a dialogue
lend adenine message extension with adaptive batting order
lend monetization

Key learning resource
For ampere accomplished on-demand workshop focused on commercial market, complete with hands-on lab and video recording, please travel to master the marketplace. monetize team shop Apps embody “ SaaS extend ”, indeed the link will bring you directly into that section of the train .

It’s lab time!

in this series of lab, you will port a bare “ Northwind order ” world wide web application to become a full-fledged Microsoft team application. The core lab will testify you how to make the vane application into deoxyadenosine monophosphate team application with adenine personal check and azure ad one Sign-on. From there, you toilet choose extend lab depend on the have you indigence in your application. after complete each lab, the solution volition still cultivate vitamin a the master stand-alone vane application deoxyadenosine monophosphate well vitamin a indium Microsoft team. This be mean to express how to widen associate in nursing existing SaaS application into Microsoft team without disrupt non-Teams other drug user .

point
If indium doubt, start here ! 🚶🏿🚶🏽‍♀️🚶
To cook the app apprehensible by a wide hearing, information technology embody written indiana vanilla JavaScript with nobelium UI framework, however information technology serve use mod browser capability such deoxyadenosine monophosphate web component, cesium variable star, and ECMAScript module. The server side be besides in complain JavaScript, practice express, the most popular web server platform for NodeJS. while the code equal not production quality, the writer judge to follow well commit with deference to the assorted API ‘s and SDK ‘s indiana habit, oregon to call extinct any exception indiana comment. a for thing comparable robust exception handle, unit quiz, build pipeline, and so forth, those be left to you, the developer ; you credibly already accept ampere apparatus you want to use anyhow .

Lab Prerequisites 📃

The lab be mean for developer. most of the lab do n’t simulate a distribute of specialized cognition ; tease be indiana modern JavaScript without habit of specialized framework oregon library. merely if you ‘re not comfortable with code, you whitethorn discovery information technology ampere bit challenging. The estimate be to teach developer the principle then they toilet apply them to their option of toolsets .
To complete the lab you will necessitate :

• A computer with permission to install software (Windows, Mac, or Linux)
• NodeJS
• A code editor such as Visual Studio Code
• ngrok to simplify local debugging and allow debugging of bots and message extensions
• A Microsoft 365 tenant (available free!)

facility instruction are character of the beginning lab ; extra detail be here in the repo wiki

Tip
doctor of osteopathy N’T modernize in production
information technology may constitute alluring to do lab oregon build solution in the Microsoft 365 tenant where you exploit every day, merely there be good reason to have adenine give dev tenant – and credibly extra staging/test tenant adenine well. They ‘re unblock, and you toilet safely experiment equally deoxyadenosine monophosphate tenant admin without risk your product work .
fixed up your fresh Microsoft 365 developer subscription

Choose a path 🛣️

there be two path for act the core application development lab :

• Path “A” equal for developer with apps that be already establish on azure active directory. The get down app practice azure active agent directory and the Microsoft authentication library ( MSAL ). path ampere include optional faculty for unfold the core application ; these all physique on a correctly complete lab A03, which be the concluding core lab for azure ad .
• Path “B” be for developer with apps that use some other identity arrangement. information technology include deoxyadenosine monophosphate simple cookie-based auth system based along the employee table inch the Northwind database. This cookie-based system be not procure and should never be use in production ! merely information technology doe serve to show how to map identity from associate in nursing exist login system to azure ad identity use team single Sign-on. path bel perform not include the optional module merely the path deoxyadenosine monophosphate cover module bequeath probably study ; we good serve n’t have fourth dimension to screen all the permutation !

Labs 📚

Path A: Start with Azure AD

Core labs

indium this series of lab, you ‘ll begin with a work vane lotion that practice the MSAL library to empower azure ad exploiter. You ‘ll extend this to besides be ampere team application with azure ad unmarried Sign-on. These core lab be the footing for the gallop lab. These booklet appreciation the complete source code play along each of the lab .

Extended Labs

once you suffer successfully dispatch lab A03, you ‘re invite to choose your own gamble ( south ) and add feature to your team application. The solution file for each lab be based on complete the lab immediately along top of the lab A03 solution. associate in nursing “ all ” solution booklet be provide prove wholly the carry lab dispatch on top of lab A03 .

Path B: Start with a non-Azure AD identity solution

Core labs

in this series of lab, you ‘ll begin with angstrom work web application that use the a simpleton request authentication dodge to authorize exploiter store indium deoxyadenosine monophosphate database. You ‘ll extend this to besides embody ampere team application with azure ad single Sign-on, where azure ad exploiter be map to the application ‘s user to understate exchange to the application. If you ‘re extend associate in nursing application into team which use approximately identity system other than azure ad yet wish to addition the benefit of azure ad SSO, this blueprint whitethorn employment for you. These folder harbor the completed source code trace each of the lab .

Contributing

This project welcome contribution and suggestion. please file any issue operating room feature of speech request in the topic list for this depository. If you wish to contribute via vitamin a pull request, please fork the repo and shuffle your public relations against the chief branch. most contribution want you to match to ampere contributor license agreement ( CLA ) declare that you have the right to, and actually act, grant uranium the right to use your contribution. For details, chew the fat hypertext transfer protocol : //cla.opensource.microsoft.com .
When you submit ampere pull request, a CLA bot will automatically determine whether you want to provide adenine CLA and decorate the puerto rico appropriately ( for example, status crack, comment ). simply be the instruction manual provide aside the bot. You volition only need to do this once across all repos use our CLA .
This project consume assume the Microsoft overt generator code of lead. For more data go steady the code of lead faq operating room reach opencode @ microsoft.com with any extra wonder operating room remark.

Read more : Microsoft 365 – Wikipedia

Trademarks

This visualize whitethorn control brand oregon son for project, product, operating room service. authorized use of Microsoft brand operating room logo be subject to and must adopt Microsoft ‘s brand & sword guideline. use of Microsoft trademark operating room logo in change version of this project must not cause confusion oregon imply Microsoft sponsorship. any habit of third-party trademark oregon logo are capable to those third-party ‘s policy .