MS-Teams integration: sso not working in teams-tab giving error on getAuthToken: App resource defined in manifest and iframe origin do not match

The error message "App resource defined in manifest and iframe origin do not match" indicates that there is a mismatch between the app resource defined in your Teams app manifest and the origin of the iframe where your tab app is hosted.

To resolve this issue, you need to ensure that the app resource defined in your Teams app manifest matches the origin of the iframe where your tab app is hosted. Here are the steps to fix this issue:

1. Open your Teams app manifest file.
2. Locate the webApplicationInfo section in the manifest file.
3. Ensure that the id property in the webApplicationInfo section matches the origin of the iframe where your tab app is hosted. The origin should include the protocol (e.g., https://) and the domain name.
4. Save the manifest file and update your Teams app with the new manifest.

Here is an example of how the webApplicationInfo section should look like in your Teams app manifest:

"webApplicationInfo": {
  "id": "https://your-tab-app-domain.com",
  "resource": "api://your-app-id"
}

Make sure to replace https://your-tab-app-domain.com with the actual origin of your tab app's iframe and api://your-app-id with the actual app ID of your Azure AD app.

Ref Doc: https://learn.microsoft.com/en-us/microsoftteams/platform/bots/how-to/authentication/bot-sso-manifest

Thanks,

Nivedipa

If the response is helpful, please click "Accept Answer" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.