App resource defined in manifest and iframe origin do not match

Question

I've created an ms teams app, that works fine if i launch it locally, however when i install the appackage in my team and launch the app, it shows me the following error in the console:

App resource defined in manifest and iframe origin do not match.

my app in azure AD has been configured for multitenancy, with a unique id. And i've added webApplicationInfo object in the manifest file: ", "webApplicationInfo": { "id": "bae.....a8", "resource": "https://xxxxx.onmicrosoft.com/ba.....a8" }"

i tried changing the resource object form https from the manifest and azure to api://, it didnt work, i've also added the query "inTeamsSSO=true" to my static tab. Static tab scopes are: "Team"

how do i fix this issue?

Could you please share your manifest file so that we can try it from our end. — ChetanSharma-msft, Aug 24 '21 at 14:39
hi @ChetanSharma-msft, here's the link to my manifest file: https://mega.nz/file/0EI0VB7Q#rtKka_0UCEzq3UVWu1EV2PgMi6XLDlK5KY2-y_X9HuE — KristapsD, Aug 24 '21 at 14:59

score 3 · Answer 1 · answered May 09 '22 at 11:19

3

Please verify the contents of webApplicationInfo section:

"webApplicationInfo": {
    "id": "{AAD App client id}",
    "resource": "api://{Your tab app domain}/{AAD App client id}"
  }

Please make sure the domain in webApplicationInfo is same as your tab app's domain, otherwise Teams will return error.

answered May 09 '22 at 11:19

Prasad-MSFT

660
1
3
7

And that the app registration Application ID URI is the same – LockTar Oct 19 '22 at 12:14
@Prasad-MSFT what do you mean by tab app domain? Where is it defined? Also, how can it be solved in local debug and in prod? – Omri Haim May 28 '23 at 15:22
https://learn.microsoft.com/en-us/microsoftteams/platform/resources/schema/manifest-schema#validdomains – Prasad-MSFT May 29 '23 at 10:51

App resource defined in manifest and iframe origin do not match

1 Answers1