Home

Simple AppStudio app does not work always

%3CLINGO-SUB%20id%3D%22lingo-sub-814399%22%20slang%3D%22en-US%22%3ESimple%20AppStudio%20app%20does%20not%20work%20always%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-814399%22%20slang%3D%22en-US%22%3E%3CP%3EHey%20everybody%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20created%20a%20very%20simple%20app%20with%20with%20App%20Studio%20which%20only%20has%20a%20personal%20Tab%20which%20includes%202%20websites%20to%20display.%20Nothing%20else.%20This%202%20Tabs%20display%20a%20basic%20SharePoint%20site%20from%20within%20the%20same%20tenant.%20Deploy%20and%20installing%20the%20app%20works%20fine.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENow%20the%20problem%20is%20that%20the%20websites%20not%20always%20get%20visible.%20If%20you%20click%20on%20that%20specifc%20tab%20sometimes%20the%20websites%20loads%20but%20sometimes%20it%20stays%20just%20grey.%20There%20is%20no%20specific%20schema%20when%20it%20will%20work.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20cursor%20is%20always%20spinning%2C%20regardless%20of%20visibility.%20I'm%20confident%20that%20if%20i%20grep%20the%20traffic%20with%20wireshark%20that%20the%20teams%20client%20is%20doeing%20something.%20The%20world%20on%20the%20right%20site%20displays%20the%20website%20correct%20in%20the%20browser.%20The%20reload%20button%20again%20does%20something%2C%20cursor%20is%20spinning.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHow%20to%20debug%20this%20or%20how%20to%20solve%20this%20%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMany%20Greetings%3C%2FP%3E%3CP%3EErik%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-814399%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%20AppStudio%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-816458%22%20slang%3D%22en-US%22%3ERe%3A%20Simple%20AppStudio%20app%20does%20not%20work%20always%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-816458%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F248724%22%20target%3D%22_blank%22%3E%40ErikVet%3C%2FA%3E%26nbsp%3B%20Adding%20a%20website%20to%20a%20tab%20and%20creating%20an%20app%20that%20contains%20a%20custom%20tab%20are%20two%20fairly%20different%20things.%20Creating%20a%20custom%20tab%20involves%20adding%20the%20Teams%20JavaScript%20SDK%20to%20the%20hosted%20content%20page%20and%20using%20that%20SDK%20to%20communicate%20with%20Teams.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAdding%20a%20website%20tab%20on%20the%20other%20hand%20just%20embeds%20the%20URL%20you%20provide%20in%20a%20web%20view.%20it%20cannot%20communicate%20with%20Teams%2C%20and%20there%20are%20no%20expectations%20on%20behavior.%3C%2FP%3E%0A%3CP%3EEssentially%20you%20can%20not%20just%20add%20any%20URL%20to%20a%20custom%20tab%20in%20app.%20You%20have%20to%20customize%20that%20page%20to%20work%20as%20part%20of%26nbsp%3B%20an%20app.%20Please%20take%20a%20look%26nbsp%3B%20at%20the%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-overview%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EAdd%20Tabs%20to%20Microsoft%20Teams%3C%2FA%3E.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-816523%22%20slang%3D%22en-US%22%3ERe%3A%20Simple%20AppStudio%20app%20does%20not%20work%20always%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-816523%22%20slang%3D%22en-US%22%3E%3CP%3E%26nbsp%3B%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%3Ethanks%20for%20the%20response.%20That%20helped%20to%20understand%20the%20difference.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENow%20it%20is%20a%20little%20bit%20clearer.%20So%20for%20example%20if%20i%20want%20to%20create%20a%20custom%20app%20with%20a%20tab%20that%20contains%20a%20website%20the%20SDK%20should%20be%20included%20in%20that%20site.%20And%20later%20of%20course%20I%20have%20more%20possibiliets%20to%20interact%20with%20that%20page.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThx%20for%20clarification%3C%2FP%3E%3CP%3EErik%3C%2FP%3E%3C%2FLINGO-BODY%3E
ErikVet
Occasional Contributor

Hey everybody,

 

I have created a very simple app with with App Studio which only has a personal Tab which includes 2 websites to display. Nothing else. This 2 Tabs display a basic SharePoint site from within the same tenant. Deploy and installing the app works fine.

 

Now the problem is that the websites not always get visible. If you click on that specifc tab sometimes the websites loads but sometimes it stays just grey. There is no specific schema when it will work.

 

The cursor is always spinning, regardless of visibility. I'm confident that if i grep the traffic with wireshark that the teams client is doeing something. The world on the right site displays the website correct in the browser. The reload button again does something, cursor is spinning.

 

How to debug this or how to solve this ?

 

Many Greetings

Erik

 

 

 

2 Replies

@ErikVet  Adding a website to a tab and creating an app that contains a custom tab are two fairly different things. Creating a custom tab involves adding the Teams JavaScript SDK to the hosted content page and using that SDK to communicate with Teams.

 

Adding a website tab on the other hand just embeds the URL you provide in a web view. it cannot communicate with Teams, and there are no expectations on behavior.

Essentially you can not just add any URL to a custom tab in app. You have to customize that page to work as part of  an app. Please take a look  at the Add Tabs to Microsoft Teams.

 

 @Trinetra-MSFT thanks for the response. That helped to understand the difference. 

 

Now it is a little bit clearer. So for example if i want to create a custom app with a tab that contains a website the SDK should be included in that site. And later of course I have more possibiliets to interact with that page.

 

Thx for clarification

Erik

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
46 Replies
Extentions Synchronization
Deleted in Discussions on
3 Replies
Stable version of Edge insider browser
HotCakeX in Discussions on
35 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
30 Replies
flashing a white screen while open new tab
Deleted in Discussions on
14 Replies
Security Community Webinars
Valon_Kolica in Security, Privacy & Compliance on
13 Replies