SOLVED

[Solved] Issue showing Provider-hosted and SharePoint pages in Teams Custom App

%3CLINGO-SUB%20id%3D%22lingo-sub-1762357%22%20slang%3D%22en-US%22%3EIssue%20showing%20Provider-hosted%20pages%20in%20Teams%20App%20Tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1762357%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%20I'm%20building%20a%20custom%20app%20showing%20provider-hosted%20app%20pages%20in%20tabs%20using%20App%20Studio.%3C%2FP%3E%3CP%3EHowever%2C%20it%20is%20found%20that%20the%20pages%20can%20only%20be%20opened%20using%20Android%20Teams%20app.%3C%2FP%3E%3CP%3EFor%20iOS%20devices%2C%20it%20shows%20%22Something%20went%20wrong%2C%20We%20can't%20open%20the%20XXX%20app%20at%20this%20time%22.%3C%2FP%3E%3CP%3EFor%20PC%2C%20it%20only%20shows%20a%20blank%20tab%20without%20loading%20anything%20(as%20shown%20in%20the%20below%20image).%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Yannie_0-1602214569880.png%22%20style%3D%22width%3A%20316px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F225299iEEC5DE23287AD1B0%2Fimage-dimensions%2F316x165%3Fv%3D1.0%22%20width%3D%22316%22%20height%3D%22165%22%20title%3D%22Yannie_0-1602214569880.png%22%20alt%3D%22Yannie_0-1602214569880.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDoes%20anyone%20know%20if%20there%20is%20a%20place%20we%20can%20trace%20the%20error%20or%20if%20you%20had%20a%20similar%20issue%20before%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EEdited%3A%3C%2FP%3E%3CP%3EI%20have%20changed%20the%20URL%20of%20the%20tab%20and%20currently%20teams%20app%20in%20iOS%20can%20show%20the%20pages.%3C%2FP%3E%3CP%3EBut%20for%20pc%2C%20it%20still%20shows%20a%20blank%20tab.%3C%2FP%3E%3CP%3EThe%20page%20can%20be%20shown%20successfully%20using%20browsers%20in%20all%20devices.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1762357%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EHow-to%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1782269%22%20slang%3D%22en-US%22%3ERe%3A%20Issue%20showing%20Provider-hosted%20pages%20in%20Teams%20App%20Tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1782269%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F825729%22%20target%3D%22_blank%22%3E%40Yannie%3C%2FA%3E%26nbsp%3BCould%20you%20please%20check%20if%20tab%20page%20is%20an%20iframe%20also%20the%20domain%20for%20page%20is%20added%20to%20your%20validDomain%5B%5D%20array%20of%20app%20manifest%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1782289%22%20slang%3D%22en-US%22%3ERe%3A%20Issue%20showing%20Provider-hosted%20pages%20in%20Teams%20App%20Tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1782289%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F371090%22%20target%3D%22_blank%22%3E%40Trinetra-MSFT%3C%2FA%3E%26nbsp%3BThanks%20for%20the%20reply.%20The%20tab%20pages%20are%20not%20iframe%20and%20the%20domain%20has%20been%20already%20added%20to%20validDomain%20array%20before%20installing%20to%20Teams.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EFYI%2C%20I%20have%20tried%20to%20open%20the%20application%20on%20different%20PCs%20and%20also%20another%20account%20but%20it%20shows%20a%20blank%20tab%20for%20Teams%20Desktop%20on%20all%20devices%20and%20accounts.%3C%2FP%3E%3CDIV%3E%3CDIV%20class%3D%22gtx-trans-icon%22%3E%26nbsp%3B%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1806804%22%20slang%3D%22en-US%22%3ERe%3A%20Issue%20showing%20Provider-hosted%20and%20SharePoint%20pages%20in%20Teams%20Custom%20App%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1806804%22%20slang%3D%22en-US%22%3E%3CP%3EMethod%20Tried%3C%2FP%3E%3CP%3E1.%20Open%20the%20app%20on%20other%20machines%3C%2FP%3E%3CP%3E%3CSPAN%3E2.%26nbsp%3BClear%20Teams%20Desktop%20Cache%20from%20(%25AppData%25%5CMicrosoft%5CTeams)%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E3.%26nbsp%3BDisabling%20GPU%20hardware%20acceleration%20in%20Teams%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E4.%20Completely%20uninstall%20Teams%20Desktop%20and%20install%20the%20latest%20version%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%3ESteps%20to%20Reproduce%3CBR%20%2F%3E1.%20Create%20a%20page%20in%20SharePoint%20online%3CBR%20%2F%3E2.%20Create%20a%20new%20MS%20Teams%20app%20in%20App%20Studio's%20Manifest%20editor%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%26nbsp%3B%20%26nbsp%3B%20(Please%20rmb%20not%20to%20open%20Teams%20Desktop%20in%20Developer%20mode)%3CBR%20%2F%3E3.%20Add%20a%20new%20Personal%20tab%2C%20linking%20to%20the%20SharePoint%20page%3CBR%20%2F%3E4.%20Install%20the%20MS%20Teams%20app%20with%20App%20Studio's%20Test%20and%20Distribute%3CBR%20%2F%3E5.%20Open%20the%20MS%20Teams%20app%20--%26gt%3B%20The%20SharePoint%20page%20is%20not%20loaded%20(nothing%20is%20shown%2C%20just%20a%20blank%20screen)%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

Hi, I'm building a custom app showing provider-hosted app pages in tabs using App Studio.

However, it is found that the pages can only be opened using Android Teams app.

For iOS devices, it shows "Something went wrong, We can't open the XXX app at this time".

For PC, it only shows a blank tab without loading anything (as shown in the below image).

Yannie_0-1602214569880.png

 

Does anyone know if there is a place we can trace the error or if you had a similar issue before?

 

Edited:

I have changed the URL of the tab and currently teams app in iOS can show the pages.

But for pc, it still shows a blank tab.

The page can be shown successfully using Teams Online on all devices.

 
5 Replies

@Yannie Could you please check if tab page is an iframe also the domain for page is added to your validDomain[] array of app manifest?

@Trinetra-MSFT Thanks for the reply. The tab pages are not iframe and the domain has been already added to validDomain array before installing to Teams. 

 

FYI, I have tried to open the application on different PCs and also another account but it shows a blank tab for Teams Desktop on all devices and accounts.

 

Method Tried

1. Open the app on other machines

2. Clear Teams Desktop Cache from (%AppData%\Microsoft\Teams)

3. Disabling GPU hardware acceleration in Teams

4. Completely uninstall Teams Desktop and install the latest version

 

Steps to Reproduce
1. Create a page in SharePoint online
2. Create a new MS Teams app in App Studio's Manifest editor

    (Please rmb not to open Teams Desktop in Developer mode)
3. Add a new Personal tab, linking to the SharePoint page
4. Install the MS Teams app with App Studio's Test and Distribute
5. Open the MS Teams app --> The SharePoint page is not loaded (nothing is shown, just a blank screen)

best response confirmed by Yannie (New Contributor)
Solution

@Yannie , Did you added your sharepoint domain to webApplicationInfo?

Thanks for the help. 

 

SharePoint pages can now be shown after adding Web-App SSO elements, which is the information inside "webApplicationInfo".

ref:
https://techcommunity.microsoft.com/t5/microsoft-teams/custom-teams-app-works-in-browser-app-but-not...
https://docs.microsoft.com/en-us/microsoftteams/teams-standalone-static-tabs-using-spo-sites

 

As my custom app will only contain provider-hosted pages, I have created some SharePoint Pages for the redirection to those Provider-hosted pages instead of directly using the URL.