Forum Discussion
Custom Teams app works in browser app but not in desktop app
I've created a simple app using App Studio. It's basically 2 tabs that display 2 different SharePoint sites.
I installed the app successfully, but when I access the app in Teams desktop, both tabs are blank. When I access the same app thru Teams in the browser, it displays both tabs/sites correctly.
Has anyone seen this or know of a way to fix the issue? Most of our users use the desktop Teams app to access Teams.
TIA.
--
Raul Hernandez
I did get this working... the SharePoint URL cannot be used directly. There are a couple of things that you will need to manually update in the manifest or in App Studio.
1. When configuring your tabs, use this format for contentURL and websiteURL:
contentUrl = {{siteUrl}}/_layouts/15/teamslogon.aspx?SPFX=true&dest={{sitePath}}
websiteUrl = {{siteUrl}}
The missing key here is the use of "/_layouts/15/teamslogon.aspx?SPFX=true&dest=".
Lets use the contoso url for example, https://contoso.sharepoint.com/sites/ContosoHub. Instead of just using this siteUrl directly, which is what I had previously done, the content url will now be:
https://contoso.sharepoint.com/sites/ContosoHub/_layouts/15/teamslogon.aspx?spfx=true&dest=/sites/ContosoHub
2. The second part to this is setting the "Web app single sign-on" properties.
AAD application ID: 00000003-0000-0ff1-ce00-000000000000
Resource Url: {{subdomain}}.sharepoint.com
Again, using contoso, the Resource Url would be: https://contoso.sharepoint.com
and use the same AAD app ID that I noted above.
I hope this helps.
Thanks.
--
Raul Hernandez
13 Replies
I did get this working... the SharePoint URL cannot be used directly. There are a couple of things that you will need to manually update in the manifest or in App Studio.
1. When configuring your tabs, use this format for contentURL and websiteURL:
contentUrl = {{siteUrl}}/_layouts/15/teamslogon.aspx?SPFX=true&dest={{sitePath}}
websiteUrl = {{siteUrl}}
The missing key here is the use of "/_layouts/15/teamslogon.aspx?SPFX=true&dest=".
Lets use the contoso url for example, https://contoso.sharepoint.com/sites/ContosoHub. Instead of just using this siteUrl directly, which is what I had previously done, the content url will now be:
https://contoso.sharepoint.com/sites/ContosoHub/_layouts/15/teamslogon.aspx?spfx=true&dest=/sites/ContosoHub
2. The second part to this is setting the "Web app single sign-on" properties.
AAD application ID: 00000003-0000-0ff1-ce00-000000000000
Resource Url: {{subdomain}}.sharepoint.com
Again, using contoso, the Resource Url would be: https://contoso.sharepoint.com
and use the same AAD app ID that I noted above.
I hope this helps.
Thanks.
--
Raul Hernandez
rhernandez Hi,
This solution worked on android, teams online and desktop, but in IOS the link still not working.
The iframe is stuck with a thin blue loader.
Can you help me?*Example with consoto*
contentUrl: https://consoto.sharepoint.com/sites/consotoSubsite/_layouts/15/teamslogon.aspx?spfx=true&dest=/sites/consotoSubsite/SitePages/CRM-Search.aspxwebsiteUrl: https://consoto.sharepoint.comwebApplicationInfo:
ID: <appId>resource: "api://https://consoto.sharepoint.com/<appId>"
