Need to open url in Teams Application

Question

i have a custom teams application which has url on its page and i need to open those urls in teams only

Answer 1

Hello Robin,

To open URLs within Microsoft Teams from your custom application, you can use the Teams JavaScript SDK. Here’s a basic example of how you can achieve this:

1. Install the Teams SDK: Make sure you have the Microsoft Teams JavaScript SDK installed in your project. You can add it via npm:

npm install @microsoft/teams-js

2. Initialize the SDK: Initialize the Teams SDK in your application

import * as microsoftTeams from "@microsoft/teams-js";

microsoftTeams.initialize();

3. Open URLs in Teams: Use the microsoftTeams.executeDeepLink method to open URLs within Teams.

function openUrlInTeams(url) {
    microsoftTeams.executeDeepLink(url);
}
// Example usage
openUrlInTeams("https://your-url-here.com");

This will ensure that the URLs open within the Teams environment rather than in a new browser window.

If there are any misunderstandings, please let me know

Best regards，

Maycon Novaes

If the Answer is helpful, please click "Accept Answer" and upvote it.

Answer 2

If the URL of your link differs from your app's URL, you need to specify the URL in the validDomains section of your app manifest. By default, Teams blocks URLs that are not specified