{"id":1917,"date":"2022-05-24T08:00:00","date_gmt":"2022-05-24T15:00:00","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/microsoft-365\/blog\/?p=247230"},"modified":"2022-06-28T10:48:37","modified_gmt":"2022-06-28T17:48:37","slug":"build-collaborative-apps-with-microsoft-teams","status":"publish","type":"post","link":"https:\/\/www.microsoft.com\/en-my\/microsoft-365\/blog\/2022\/05\/24\/build-collaborative-apps-with-microsoft-teams\/","title":{"rendered":"Build collaborative apps with Microsoft Teams"},"content":{"rendered":"

The pandemic has dramatically accelerated the role of technology as a core enabler for hybrid work, and developers are at the heart of this transformation. Last Microsoft Build, we introduced collaborative apps, a new app pattern designed to bring people, processes, and data together to help users thrive in the hybrid workplace. Just like mobile devices completely transformed how people consume software, collaborative apps are transforming how people in every organization work together.<\/p>

With more than 270 million monthly active users, Microsoft Teams<\/a> offers developers an unmatched opportunity to build collaborative apps. Since the beginning of 2020, monthly active users of custom-built or third-party apps in Teams have grown more than tenfold. There are more than 1,400 Teams apps<\/a>, with more and more independent software vendors (ISVs) generating millions in annual revenue from customers using their apps built on Teams and Microsoft 365<\/a> services. Looking ahead, we expect emerging technologies that bring the digital and physical worlds together, like Microsoft Mesh for Teams<\/a>, to open new engaging possibilities for collaborative experiences on Teams.\u00a0<\/p>

This year at Build 2022, we are sharing several enhancements and new capabilities for developers building collaborative apps for Teams and Microsoft 365. Watch my keynote with Charles Lamanna, Innovate with collaborative apps and low code<\/a>, to view the highlights. Read on to get a full recap of our Build announcements, which are organized here in three sections: new ways to help you delight your users with rich collaborative experiences, scale your productivity and grow user engagement, and monetize your apps. We can\u2019t wait to see what you will build with these innovations!<\/p>

Delight users with rich collaborative experiences<\/h2>

Introducing Live Share: Interactive app experiences in Teams meetings<\/h3>

We are introducing Live Share<\/strong>, a capability for your apps to go beyond passive screen sharing and enable participants to co-watch, co-edit, co-create, and more in Teams meetings. Developers can use new preview extensions<\/a> to the Teams SDK to easily extend existing Teams apps and create Live Share experiences in meetings. Live Share is backed by the power of Fluid Framework, which supports sophisticated synchronization of state, media, and control actions with only front-end development.\u00a0This synchronization will run on Teams hosted and managed Microsoft Azure Fluid Relay<\/a> service instance\u2014at no cost to you. Our early partners building Live Share experiences include Frame.io, Hexagon, Skillsoft, MakeCode, Accenture, Parabol, and Breakthru. Watch our Live Share on-demand session<\/a> and try out the new Teams SDK extensions<\/a>.<\/p>

\"In<\/img><\/figure>

Figure 1. Hexagon Live Share prototype enables engineers to annotate and edit 3D models and simulations, while they brainstorm together in Teams meetings.<\/em><\/p>

Fluid Framework and Azure Fluid Relay general availability<\/h3>

Fluid Framework is a collection of open-source, client-side JavaScript libraries that underpin the Live Share real-time collaboration capabilities. Azure Fluid Relay is a fully managed cloud service that supports Fluid Framework Clients. Developers are using Fluid Framework and Azure Fluid Relay to enable real-time interactivity on their apps beyond Microsoft Teams meetings. Fluid Framework, the Azure Fluid Relay service, and the corresponding Azure Fluid client-side SDK will be ready for production scenarios and available in mid-2022. Subscribe to Microsoft Developer Blogs<\/a> for updates. Watch the on-demand session<\/a> to learn more about building collaborative web apps with Fluid Framework and Azure Fluid Relay.<\/p>

Create Loop components by updating Adaptive Cards<\/h3>

Microsoft Loop components<\/a> are live, actionable units of productivity that stay in sync and move freely across Microsoft 365 apps starting with Teams chat and Microsoft Outlook. Today, we are announcing the ability for developers to create Loop components. Now you can easily evolve an existing Adaptive Card into a Loop component or create a new Adaptive Card-based Loop component. Additionally, Adaptive Card-based Loop components can be surfaced with Editor using Context IQ, our set of intelligent capabilities working in the background of Microsoft apps and services, to stay directly in the flow of composing an email. Zoho Projects<\/a> is using these Adaptive Card-based Loop components to help its customers improve incident response times, reduce outage durations, and improve overall performance against service-level agreements (SLAs), by enabling users to complete these tasks across Teams and Outlook. Zoho Projects and ServiceDesk Plus Cloud<\/a> are among the first products integrated with Microsoft 365 apps to implement Microsoft Loop. Developer private preview for this capability starts in June 2022. Subscribe to Microsoft Developer Blogs<\/a> or follow us on Twitter @Microsoft365Dev<\/a> for updates.<\/p>

\"In<\/img><\/figure>

Figure 2. Zoho Projects is extending adaptive cards to be live, actionable Loop components that work across Teams and Outlook.<\/em><\/p>

Introducing Microsoft Azure Communication Services sample app builder<\/h3>

Microsoft Azure Communication Services interoperability with Teams enables you to create experiences that support seamless communications between customers on any custom app or website and employees working in Teams. For example, Teladoc Health<\/a> built the first-of-its-kind custom fully integrated clinical and administrative virtual healthcare solution that allows care team collaboration and access to relevant clinical data directly within Teams, and the ability to seamlessly deliver virtual care to patients who join from a custom app.<\/p>

\"Side-by-side<\/img><\/figure>

Figure 3. Teladoc Health is enabling care providers to work and connect from Teams while patients join from a custom app built using Azure Communication Services.<\/em><\/p>

Today, we are introducing the Azure Communication Services sample app builder<\/strong>, enabling developers to easily build and deploy a sample application for virtual appointments in just a few minutes, with no coding needed. Through the sample app, customers can book appointments powered by Microsoft Bookings and join a Teams meeting through a custom web app with a company-branded experience, while staff use Teams to join scheduled appointments. The sample app is fully open source and developers can tap into the code for more customization. Visit Github to learn more<\/a>.<\/p>

Microsoft Graph API enhancements to embed chats and channel messages into your apps<\/h3>

Microsoft Graph chat APIs enable developers to embed Teams chats into their applications, enabling their users to collaborate seamlessly without having to switch back and forth across apps. We are introducing several new APIs in preview with capabilities such as enabling chats with federated users (like users outside your tenant), identifying which messages are read and unread by the current user, and subscribing to user chats and membership changes. These new APIs will be generally available in mid-2022. Visit our chat message resource type docs page<\/a> and view the on-demand session<\/a> to learn more.<\/p>

SharePoint Framework and Microsoft Viva Connections<\/h3>

SharePoint is the most flexible content collaboration platform powering experiences across Microsoft 365. SharePoint Framework<\/a> now lets you create parts and pages in SharePoint sites, Teams apps, and more. It is at the center of our extensibility capabilities for the new Microsoft Viva Connections<\/a> employee experience platform. Check out the how-to session<\/a> on building tailored employee experiences for Viva Connections that directly integrate with Teams apps.<\/p>

\"Side-by-side<\/img><\/figure>

Figure 4. A sample Microsoft Viva Connections app running in both Teams and on a mobile device.<\/em><\/p>

Approvals extensibility<\/h3>

Approvals in Microsoft Teams help everyone\u2014from frontline workers to office workers\u2014to easily create, manage, and share approvals directly in the flow of work. We are introducing create, read, update, and delete (CRUD) APIs for Approvals. Developers can use the Approvals APIs to enable approvals within line of business apps and use webhooks to track changes and drive workflows with Approvals in Teams. The Approvals APIs will be available for preview in mid-2022. Subscribe to Microsoft Developer Blogs<\/a> for updates. View the on-demand session<\/a> to learn more.<\/p>

Scale developer productivity<\/h2>

Build once and deploy anywhere across Teams and Microsoft 365<\/h3>

Today, we are announcing the general availability of the new Teams SDK that enables you to build apps for Teams, Outlook, and Office using a single application and deployment model and build collaborative apps that make use of the capabilities relevant to each product. Developers can now upgrade to the latest Teams JS SDK v2 and App manifest v1.13 to build production Teams apps, and run full-scale pilots with users on the preview channels of Outlook and Office. This will enable developers to get feedback and prepare for the distribution of their apps on Outlook and Office later this calendar year.<\/p>

These updates are backward compatible so all your existing Teams apps will continue to work as-is in Teams with production-level support. Our Teams developer experience including our Microsoft Teams Developer Documentation<\/a>, tooling, support, and code repository has been updated to support extended apps. You will be able to distribute both single-tenant and multi-tenant apps using existing Teams experiences. To learn more, check out our on-demand session<\/a> about extending Teams apps across Microsoft 365.<\/p>

\"In<\/img><\/figure>

Figure 5. MURAL is extending its Teams app\u2019s personal tabs and search-based message extensions to other Microsoft host apps.<\/em><\/p>

MURAL is among the early partners<\/a> bringing the connected experience across Teams, Outlook, and Office to life with their apps, like the example above showing a search-based message extension inserting a MURAL directly into the Outlook message as an interactive Adaptive Card. In addition to MURAL, several other partners, including Adobe, eCare Vault, go1, monday.com, Polly, ServiceNow, SurveyMonkey, and Zoho have helped us get these new tools ready and we are excited to make them generally available to everyone at Microsoft Build.<\/p>

Teams Toolkit for Visual Studio Code and CLI now generally available<\/h3>

Teams Toolkit for Visual Studio, Visual Studio Code, and command-line interface (CLI) are tools for building Teams and Microsoft 365 apps, fast. Whether you\u2019re new to Teams platform or a seasoned developer, Teams Toolkit is the best way to create, build, debug, test, and deploy apps. Today we are excited to announce the Teams Toolkit for Visual Studio Code and CLI is now generally available (GA). Developers can start with scenario-based code scaffolds for notification and command-and-response bots, automate upgrades to the latest Teams SDK version, and debug apps directly to Outlook and Office. Get started building apps with Teams Toolkit<\/a> today.<\/p>

\"Github<\/img><\/figure>

Figure 6. Building a notification app for Microsoft Teams using the Teams Toolkit for Visual Studio Code.<\/em><\/p>

Collaboration Controls in Power Apps<\/h3>

We are announcing Collaboration Controls in Power Apps to let developers drag and drop Microsoft 365 collaboration features like Teams chats, meetings, files, Tasks by Planner, and more right inside custom apps built with Power Apps. Collaboration Controls will be available in preview in mid-2022. View the on-demand session<\/a> to learn more. Subscribe to the Power Apps blog<\/a> for updates.<\/p>

Grow user engagement and monetize your apps<\/h2>

App Compliance Automation Tool for Microsoft 365<\/h3>

Microsoft 365 App Compliance Program is designed to evaluate and showcase the trustworthiness of application-based industry standards, such as SOC 2, PCI DSS, and ISO 27001 for security, privacy, and data handling practices. We are announcing the preview of the App Compliance Automation Tool for Microsoft 365 for applications built on Azure to help them accelerate the compliance journey of their apps. With this tool, developers can automate a significant number of tasks to achieve the certification faster and easier. This tool also produces reports that can be easily shared by developers to help IT gain visibility of app security and compliance. Learn more from our App Compliance Automation Tool for Microsoft 365<\/a> docs page.<\/p>

Improved app management and discoverability<\/h3>

The Teams Store helps users find the right apps through updated app categories, curated app collections, featured top apps, and intelligent recommendations based on what colleagues and peers are using. This Microsoft Build, we are making available a central experience within the Teams Store to help users track the apps they are using across various Teams and group chats, and see what permissions are required by these apps. We are also making the discovery of apps through tabs, message extensions, and connectors more contextual to help users find the right apps and grow usage of the ISV apps in Teams. For example, in the context of composing messages, the message extension suggestions will be organized by tasks and actions users can take with it. Lastly, users on mobile devices can now add your apps right from the mobile device, such as from a link or QR code.<\/p>

In-app purchasing for Teams apps<\/h3>

A top request from partners and developers is to provide the ability to include a paywall experience directly from within your Teams app. This gives you the ability to turn a free app into a freemium<\/em> version, where you can choose when to prompt your users when to subscribe to your app. The new in-app purchase functionality is available today and can be invoked with a few lines of code. Learn more from our in-app purchases docs page<\/a>.<\/p>

\"Microsoft<\/img><\/figure>

Figure 7. Developers can enable freemium upgrades directly within Teams with a few lines of code.<\/em><\/p>

Teams app license management<\/h3>

Another area we are making advancements in is enabling users to manage and assign purchased licenses. It\u2019s previously been up to developers to build the license management component into their solution, whether on their landing page or directly within the app. To help streamline the license management experience, we will soon be offering the ability for you to offload the license management capabilities to Microsoft where users can manage and assign licenses\u2014directly in Teams. License management in Teams will be available in preview in mid-2022.<\/p>

New collaborative apps coming to Teams<\/h3>

We are excited to see ISVs bringing innovative collaborative apps to Teams across a broad range of scenarios. Here are just a few examples of the new apps available now or coming soon:<\/p>