#DevHack: Deep linking to Microsoft Teams in Android and iOS
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
Stream Deck review for people who do not play games or stream and use macOS
End-to-End testing your Microsoft Teams solutions with Cypress
#DevHack: Microsoft Edge - Network Console
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
Let's build together
Manage content in VS Code
Present from VS Code