Forum Discussion
Custom Teams app works in browser app but not in desktop app
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
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>"Hi Raul,
thanks for your reply.
Using your instruction i got a bit further.
Instead of a blank page, i know have a blank page with a turning blue circle, means that the site cannot load.Do i need to give the AAD Application Office 365 SharePoint Online with the App ID:00000003-0000-0ff1-ce00-000000000000
any specific rights?
- Do I need to add me as a user of this App in AAD or the App I developed?
Thanks,
Franck- I have the same problem, someone can help us? i have the blue circle
Thanks rhernandez for your smart answer, this helps a lot.
I would have a bonus question, what would be the contentUrl URL for other web based apps I want to show in a personal tab in Teams. Are there as well some additional parameters I need to add to the URL like "/_layouts/15/teamslogon.aspx?SPFX=true&dest=" for SharePoint sites?
Thanks for your support and best wishes
PS: In "Known issues" i found the following issue: "https://docs.microsoft.com/azure/active-directory/conditional-access/overview may not work when using the "Website" or "Azure DevOps" tab in the desktop app." (https://docs.microsoft.com/en-us/microsoftteams/known-issues) could this be the reason why my web based apps I integrate in Teams only work in the browser but not in the desktop app?
