Home

Microsoft Teams App Studio (Preview)

Microsoft Teams is the hub for teamwork in Office 365 that integrates with the apps and services that people use to get work done together. Microsoft Teams App Studio (Preview) makes it easy to start creating or integrating your own service, whether you develop custom apps for your enterprise or SaaS applications for teams around the world.

 

Teams App Studio was created to simplify and streamline the process of creating real apps. It is much faster than the manual process described in Get started with Node.js: Teams App Studio is now the recommended way to develop Teams apps. You can find getting started documentation here.

 

Apps for Teams are made up from two parts:

  • The functionality of the app is hosted on a web server
  • The definition of the app is contained in an application package that teams uses to find and display your app functionality. The app package is what you upload to Teams when you first test your app

The most significant part of the application package is the app manifest.

Teams App Studio streamlines the creation of the manifest for your app, and also provides some useful tools like the Card Editor and a React control library. Writing and hosting the code is still up to you. For example, here is what the Card Editor looks like: 

 

Blog_Teams_App_1.png

 

And when you press "Send me this card" you'll see this in the Conversation tab:

Blog_Teams_App_2.png

 

If you’d like to give the Teams App Studio a try you can install it by searching in the Teams Store or click here for the direct link.

 

7 Comments

Wow, a really big surprise...any Getting Started doc to start using the tool?

Microsoft
Occasional Contributor

Is it released and publicly available as of 02/01/2018? I installed the App from the store, and it does not have the manifest tab or any of the functionality you have described.

What a great tool to get started !

@Vinay Bhatia could you send a screenshot of what you are seeing to microsoftteamsdev@microsoft.com? The app should look like this when you launch it:
Capture.PNG

Occasional Contributor

Dropped the email with screenshot

Senior Member

Thanks Matt Stankiewicz for this nice information...