Edit

Integrate web apps

  • Article

You can provide an enriched user experience by integrating the features of an existing web application into Microsoft Teams platform. Ensure to follow Teams design guidelines to make your app native to Teams. This document gives an overview of prerequisites to integrate web applications with Teams, Power platform to create Power apps, Power Virtual Agents, Virtual Assistant, app templates, Shift connectors, Moodle LMS, create a Share-to-Teams button for your website, adding a Teams tab in SharePoint, creating deep links, and integrate device capabilities.

Prerequisites

For effective integration, ensure to have a better understanding of the following prerequisites:

  • Teams capabilities.
  • SharePoint requirements for file and data storage.
  • API requirements.
  • Authentication.
  • Deep linking of your app with Teams.
  • Map your app's use cases to Teams platform capabilities.
  • Determine your app's entry points, such as personal use, collaboration, or both.

Low code platforms

Low code platforms provide an intuitive approach to software development and require little or no coding to build applications and processes. You can create custom apps easily with low code platforms. These platforms consist of a visual interface, connectors to back end services, and a built-in app lifecycle management system to build, debug, deploy, and maintain applications. Microsoft provides the following innovative gateways to rapidly build Teams-compatible apps using low code attributes:

  • Microsoft Power platform.
  • Microsoft Teams app templates.

Microsoft Power platform

Microsoft Power platform combines four robust Microsoft technologies, such as Power BI, Power Apps, Power Automate, and Power Virtual Agents in one powerful application platform. These technologies empower you to build solutions, automate processes, analyze data, and create virtual agents within a unified and integrated environment.

Note

You must not use Microsoft Power Platform to create apps that are to be published to the Microsoft Teams Store. Microsoft Power Platform apps can be published to an organization’s app store only.

Power Apps

With Power Apps, you can build business apps that connect to your business data and are tailored to your organization's needs. Power Apps enables a wide range of app scenarios to solve business challenges through canvas apps. After building the app, you can export it from the Power Apps maker portal and embed in Teams.

Power Virtual Agents

Power Virtual Agent is a no code, guided graphical interface solution. Built on the Microsoft Power Platform and the Bot Framework. It empowers every member of your team to create and maintain rich conversational chatbots that easily integrate with the Teams platform. You can design, develop, and publish intelligent virtual agents for Teams without having to set up a development environment, create a web service, or directly register with the Bot Framework.

Create Virtual Assistant

Virtual Assistant is a Microsoft open-source template that enables you to create a robust conversational solution while maintaining full control of user experience, organizational branding, and necessary data.

App templates

You can use app template to create custom made apps to suit your organizational needs. App templates are production-ready apps for Microsoft Teams that are community driven, open-source, and available on GitHub. Each template contains detailed instructions to deploy and install the app for your organization. It provides a ready-to-use application that you can install and start using immediately.

Install Moodle LMS

Moodle is a popular open-source Learning Management System (LMS). It's now integrated with Teams. This integration helps educators and teachers to collaborate around Moodle courses, ask questions about grades and assignments, and stay updated with notifications directly within Teams.

Create a Share-to-Teams button for your website

Third-party websites can use the launcher script to embed Share to Teams buttons on their webpages. When you select the button, it launches the Share to Teams experience in a pop-up window. It allows you to share a link directly to any person or Microsoft Teams channel without switching context.

Add a Microsoft Teams tab in SharePoint

You can get a rich integration experience between Teams and SharePoint by adding a Teams tab in SharePoint as an SPFx web part.

You can create deep links to the entities in Teams. You can create links to information and features within Teams. These deep links navigate to content and information within your tab. You can use deep links to link your app with Teams as they tie together multiple pieces of an app for a more native Teams experience. For more information, see Configure deep links.

Integrate device capabilities

Teams platform is continuously enhancing developer capabilities aligning with built-in first-party experiences. The enhanced Teams platform allows partners to access and integrate the native device capabilities, such as camera, QR or barcode scanner, photo gallery, microphone, and location using dedicated APIs available in Microsoft Teams JavaScript client library.

Integrate People Picker

You can integrate the Teams native people picker control that allows users to search and select people in the web app experience.

Integrate Teams in your external app

You can embed your own experiences into Teams by building Teams apps. If you'd like to reverse this model and integrate Teams or other communication capabilities into your own external app experience, see Azure Communication Services. Azure Communication Services is cloud-based services with REST APIs and client libraries to help you integrate communication into your own custom applications. You can embed generic or Teams-styled React Web components for calling and chat with the help of the UI library.

Azure Communication Services applications can use public preview functionality to interoperate with Teams and enable your custom application to join Teams meetings anonymously. For example, you can integrate video calling into a mobile banking application and allow end-users to virtually meet with bank employees using Teams.

You can also integrate Microsoft 365 identity to build external applications that embed video and PSTN calling on behalf of a Teams user. If you've used Skype for Business SDKs in the past, these capabilities as part of Azure Communication Services are recommended as a replacement.

See also