OPEN TO WORK

Available for new opportunities! Let's build something amazing together.

#DevHack: Deep linking to Microsoft Teams in Android and iOS

Development Devhack Microsoft Teams
post

This post is over a year old, some of this information may be out of date.

This week #DevHack is about opening Microsoft Teams deep links from your solution/app. For a new proof of concept, I wanted to open a chat/app from my PWA app quickly. Luckily Microsoft Teams supports this with their deep links functionality.

In the documentation, it states that you must use the https://teams.microsoft.com/l/... URL. The URL point to chats, meetings, apps, and more. In your browser, this works fine. For instance, if you use this URL in an anchor element: https://teams.microsoft.com/l/chat/0/0?users=<email>. It will automatically open Microsoft Teams chat for the specified user.

When I tried this approach on iOS, I faced an issue that another browser window would open on top of your PWA. When you reopen your PWA, you will have to close the browser window first before continuing the app, which is not an ideal situation.

Luckily the solution to solve it is very simple. Instead of specifying https, you can use msteams. This change will redirect your request to Microsoft Teams on your mobile instead of first opening a browser and redirecting you.

The URL would look as follows: msteams://teams.microsoft.com/l/chat/0/0?users=<email>.

PS: PWA is fun and powerful.

Related articles

Report issues or make changes on GitHub

Found a typo or issue in this article? Visit the GitHub repository to make changes or submit a bug report.

Comments

Elio Struyf

Solutions Architect & Developer Expert

Loading...

Let's build together

Manage content in VS Code

Present from VS Code