SOLVED
Home

Custom Teams app works in browser app but not in desktop app

%3CLINGO-SUB%20id%3D%22lingo-sub-1008874%22%20slang%3D%22en-US%22%3ECustom%20Teams%20app%20works%20in%20browser%20app%20but%20not%20in%20desktop%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1008874%22%20slang%3D%22en-US%22%3E%3CP%3EI've%20created%20a%20simple%20app%20using%20App%20Studio.%26nbsp%3B%20It's%20basically%202%20tabs%20that%20display%202%20different%20SharePoint%20sites.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20installed%20the%20app%20successfully%2C%20but%20when%20I%20access%20the%20app%20in%20Teams%20desktop%2C%20both%20tabs%20are%20blank.%26nbsp%3B%20When%20I%20access%20the%20same%20app%20thru%20Teams%20in%20the%20browser%2C%20it%20displays%20both%20tabs%2Fsites%20correctly.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHas%20anyone%20seen%20this%20or%20know%20of%20a%20way%20to%20fix%20the%20issue%3F%26nbsp%3B%20Most%20of%20our%20users%20use%20the%20desktop%20Teams%20app%20to%20access%20Teams.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETIA.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E--%3C%2FP%3E%3CP%3ERaul%20Hernandez%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1008874%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EBUG%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Efix%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Ehelp%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Eissue%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Eproblem%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1072122%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20Teams%20app%20works%20in%20browser%20app%20but%20not%20in%20desktop%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1072122%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F271621%22%20target%3D%22_blank%22%3E%40rhernandez%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20having%20the%20same%20issue.%20Did%20you%20solve%20it%20or%20not%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1124112%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20Teams%20app%20works%20in%20browser%20app%20but%20not%20in%20desktop%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1124112%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F271621%22%20target%3D%22_blank%22%3E%40rhernandez%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Eout%20of%20curiousity%20we%20have%20a%20few%20drop%20down%20menus%20at%20the%20top%20of%20an%20SPO%20site%20that%20we%20are%20trying%20to%20use%20an%20app%20studio%20app%20for..%20the%20page%20loads%20fine%20but%20the%20drop%20down%20menu's%20dont%20appear..%20is%20there%20anyway%20to%20modify%20how%20the%20page%20is%20viewed%20within%20Teams%3F%20iframe%20or%20something%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1072943%22%20slang%3D%22en-US%22%3ERe%3A%20Custom%20Teams%20app%20works%20in%20browser%20app%20but%20not%20in%20desktop%20app%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1072943%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F492768%22%20target%3D%22_blank%22%3E%40KevinZhang888%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20did%20get%20this%20working...%20the%20SharePoint%20URL%20cannot%20be%20used%20directly.%26nbsp%3B%20There%20are%20a%20couple%20of%20things%20that%20you%20will%20need%20to%20manually%20update%20in%20the%20manifest%20or%20in%20App%20Studio.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E1.%3C%2FSTRONG%3E%20When%20configuring%20your%20tabs%2C%20use%20this%20format%20for%20contentURL%20and%20websiteURL%3A%3C%2FP%3E%3CP%3EcontentUrl%20%3D%26nbsp%3B%3CSTRONG%3E%7B%7BsiteUrl%7D%7D%3C%2FSTRONG%3E%2F_layouts%2F15%2Fteamslogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%3CSTRONG%3E%7B%7BsitePath%7D%7D%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EwebsiteUrl%20%3CSTRONG%3E%3D%26nbsp%3B%7B%7BsiteUrl%7D%7D%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20missing%20key%20here%20is%20the%20use%20of%20%22%2F_layouts%2F15%2Fteamslogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%22.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ELets%20use%20the%20contoso%20url%20for%20example%2C%20%3CA%20href%3D%22https%3A%2F%2Fcontoso.sharepoint.com%2Fsites%2FContosoHub%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fcontoso.sharepoint.com%2Fsites%2FContosoHub%3C%2FA%3E.%20Instead%20of%20just%20using%20this%20siteUrl%20directly%2C%20which%20is%20what%20I%20had%20previously%20done%2C%20the%20content%20url%20will%20now%20be%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E%3CA%20href%3D%22https%3A%2F%2Fcontoso.sharepoint.com%2Fsites%2FContosoHub%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fcontoso.sharepoint.com%2Fsites%2FContosoHub%3C%2FA%3E%3C%2FSTRONG%3E%2F_layouts%2F15%2Fteamslogon.aspx%3Fspfx%3Dtrue%26amp%3Bdest%3D%3CSTRONG%3E%2Fsites%2FContosoHub%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3E2.%3C%2FSTRONG%3E%20The%20second%20part%20to%20this%20is%20setting%20the%20%22Web%20app%20single%20sign-on%22%20properties.%3C%2FP%3E%3CP%3EAAD%20application%20ID%3A%20%3CSTRONG%3E00000003-0000-0ff1-ce00-000000000000%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EResource%20Url%3A%20%3CSTRONG%3E%7B%7Bsubdomain%7D%7D%3C%2FSTRONG%3E.sharepoint.com%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAgain%2C%20using%20contoso%2C%20the%20Resource%20Url%20would%20be%3A%20%3CA%20href%3D%22https%3A%2F%2Fcontoso.sharepoint.com%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fcontoso.sharepoint.com%3C%2FA%3E%3C%2FP%3E%3CP%3Eand%20use%20the%20same%20AAD%20app%20ID%20that%20I%20noted%20above.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20hope%20this%20helps.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks.%3C%2FP%3E%3CP%3E--%3C%2FP%3E%3CP%3ERaul%20Hernandez%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

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

4 Replies
Highlighted

@rhernandez 

 

I am having the same issue. Did you solve it or not?

Highlighted
Solution

@KevinZhang888 

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

 

Highlighted

@rhernandez 

 

out of curiousity we have a few drop down menus at the top of an SPO site that we are trying to use an app studio app for.. the page loads fine but the drop down menu's dont appear.. is there anyway to modify how the page is viewed within Teams? iframe or something?

Highlighted
@Kevin Watts 
Not that I know of, sorry.
We don't have any drop downs in either of the sites that we embedded on an app, so I won't be of much help.
--
Raul Hernandez
Related Conversations