Home

Teams App Studio SharePoint page tabs

%3CLINGO-SUB%20id%3D%22lingo-sub-366545%22%20slang%3D%22en-US%22%3ETeams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-366545%22%20slang%3D%22en-US%22%3E%3CP%3EWe%20now%20have%20an%20App%20in%20Teams%20for%20our%20company%20Intranet%20content%20so%20people%20can%20work%20in%20Teams%20whilst%20accessing%20useful%20content%20from%20the%20Intranet%20using%20the%20%3CA%20title%3D%22Teams%20App%20Studio%22%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fget-started%2Fget-started-app-studio%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3ETeams%20App%20Studio%3C%2FA%3E.%26nbsp%3B%3C%2FP%3E%0A%3CP%3EOne%20of%20the%20challenges%20was%20getting%20the%20tabs%20to%20SharePoint%20pages%20to%20work.%26nbsp%3B%20If%20you%20add%20a%20Tab%20and%20paste%20in%20the%20SharePoint%20page%20URL%2C%20nothing%20shows%20in%20Teams.%26nbsp%3B%20To%20make%20this%20work%2C%20you%20need%20to%20create%20a%20URL%20in%20the%20following%20format%3A%3C%2FP%3E%0A%3CP%3Ehttps%3A%2F%2F%3CEM%3E%5BTenantName%5D%3C%2FEM%3E.sharepoint.com%2Fsites%2FHome%2F_layouts%2F15%2F%3CSTRONG%3Eteamslogon.aspx%3C%2FSTRONG%3E%3F%3CSTRONG%3Espfx%3Dtrue%3C%2FSTRONG%3E%26amp%3Bdest%3Dhttps%253A%252F%252F%3CEM%3E%5BTenantName%5D%3C%2FEM%3E.sharepoint.com%252Fsites%252Fhome%252FSitePages%252FHome11.aspx%3C%2FP%3E%0A%3CP%3EThe%20key%20is%20in%20the%20TeamsLogon.aspx%20and%20the%20spfx%3Dtrue.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F87545i7A73756B08329CCF%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22TeamsTab.PNG%22%20title%3D%22TeamsTab.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3EI%20also%20created%20a%20BOT%20using%20QnAMaker%20and%20registered%20this%20with%20the%20Bot%20Framework%20so%20we%20can%20also%20ask%20common%20questions%20related%20to%20content%20in%20the%20Intranet%20without%20needing%20to%20browse%20or%20search%20for%20it.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-366545%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EBots%3C%2FLINGO-LABEL%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-382445%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-382445%22%20slang%3D%22en-US%22%3E%3CP%3EThis%20only%20seems%20to%20work%20if%20you%20have%20previously%20visited%20a%20tab%20in%20a%20channel%20that%20links%20to%20a%20page%20in%20the%20same%20tenant.%26nbsp%3B%3C%2FP%3E%0A%3CP%3EI%20signed%20out%20of%20Teams%20and%20back%20in%20to%20find%20the%20tabs%20didn't%20work.%26nbsp%3B%20I%20then%20went%20to%20a%20team%20that%20has%20a%20tab%20pointing%20to%20a%20page%20in%20SharePoint%20in%20the%20same%20tenant%20and%20then%20went%20back%20to%20the%20app%20and%20it%20works%2C%20it%20must%20be%20storing%20a%20cookie%20somewhere%20that%20only%20gets%20generated%20when%20you%20use%20the%20tab%20url%20link.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-381411%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-381411%22%20slang%3D%22en-US%22%3E%3CP%3ENow%20I'm%20getting%20the%20same%20as%20you.%26nbsp%3B%20It%20was%20working%20perfectly%20which%20is%20why%20I%20posted%20this%20tip%20so%20other%20people%20didn't%20encounter%20the%20same%20issue.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-378159%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-378159%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3BHi%20Alan.%20Thanks%20for%20getting%20back%20to%20me.%20I%20did%20use%20the%20tenancy%20name%20and%26nbsp%3B%3CSPAN%3EIntranet%20Site%20name%2C%20(I%20substituted%20them%20with%20square%20brackets%20for%20the%20post).%26nbsp%3B%3C%2FSPAN%3EI%20have%20double%20checked%3A%20-%3C%2FP%3E%3CUL%3E%3CLI%3Ethe%20destination%20URL%20(using%20an%20online%20encoded)%3C%2FLI%3E%3CLI%3Eensured%20that%20%3CEM%3E%5BTenantName%5D%3C%2FEM%3E%3CSPAN%3E.sharepoint.com%20was%20added%20as%20a%20valid%20domain.%3C%2FSPAN%3E%3C%2FLI%3E%3C%2FUL%3E%3CP%3E...and%20I%20am%20still%20getting%20the%20same%20result.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EInterestingly%20I%20am%20able%20to%20use%20that%20link%20full%20link%20inside%3A%20-%3C%2FP%3E%3CUL%3E%3CLI%3EA%20Web%20browser%3C%2FLI%3E%3CLI%3EA%20teams%20tab%20when%20teams%20is%20run%20inside%20a%20web%20browser%3C%2FLI%3E%3C%2FUL%3E%3CP%3ESo%20I%20am%20still%20confused%20by%20why%20it%20isn't%20working.%20It%20would%20be%20interesting%20to%20get%20feedback%20from%20some%20Microsoft%20people%20as%20I%20would%20have%20thought%20embedding%20a%20intranet%20in%20Teams%20as%20a%20tab%20would%20be%20a%20relatively%20common%20use%20case.%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F96%22%20target%3D%22_blank%22%3E%40Mark%20Kashman%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F98%22%20target%3D%22_blank%22%3E%40Chris%20McNulty%3C%2FA%3E%26nbsp%3B%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F218%22%20target%3D%22_blank%22%3E%40Paul%20Cannon%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F169555%22%20target%3D%22_blank%22%3E%40Christopher%20Bryan%3C%2FA%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-SUB%20id%3D%22lingo-sub-377879%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-377879%22%20slang%3D%22en-US%22%3E%3CP%3EDid%20you%20replace%20%5BTenantName%5D%20with%20you%20tenant%2C%20copy%20this%20from%20the%20page%20url.%3C%2FP%3E%0A%3CP%3EYou%20need%20to%20also%20replace%20home%20site%20location%20and%20Home11%20with%20your%20page%20name.%3C%2FP%3E%0A%3CP%3EBest%20option%20is%20to%20navigate%20to%20the%20page%20in%20SharePoint%20and%20copy%20the%20URL%20and%20then%20use%20an%20online%20URL%20encoder%20and%20replace%20the%20dest%3D%20value%20with%20the%20encoded%20url.%26nbsp%3B%20If%20you%20search%20in%20Bing%20for%20%22url%20encoder%22%20it%20shows%20an%20entry%20box%20in%20the%20window.%3C%2FP%3E%0A%3CP%3EAlso%20make%20sure%20you%20have%20added%20the%26nbsp%3B%3CSPAN%20style%3D%22display%3A%20inline%20!important%3B%20float%3A%20none%3B%20background-color%3A%20transparent%3B%20color%3A%20%23333333%3B%20cursor%3A%20text%3B%20font-family%3A%20'SegoeUI'%2C'Lato'%2C'Helvetica%20Neue'%2CHelvetica%2CArial%2Csans-serif%3B%20font-size%3A%2016px%3B%20font-style%3A%20normal%3B%20font-variant%3A%20normal%3B%20font-weight%3A%20300%3B%20letter-spacing%3A%20normal%3B%20line-height%3A%2027.42px%3B%20orphans%3A%202%3B%20text-align%3A%20left%3B%20text-decoration%3A%20none%3B%20text-indent%3A%200px%3B%20text-transform%3A%20none%3B%20-webkit-text-stroke-width%3A%200px%3B%20white-space%3A%20normal%3B%20word-spacing%3A%200px%3B%22%3E%5BTenantName%5D.sharepoint.com%3C%2FSPAN%3E%20to%20the%20domains%20list%20for%20your%20App%20studio%20manifest.%3C%2FP%3E%0A%3CP%3Ehttps%3A%2F%2F%5BTenantName%5D.sharepoint.com%2Fsites%2FHome%2F_layouts%2F15%2Fteamslogon.aspx%3Fspfx%3Dtrue%26amp%3Bdest%3Dhttps%253A%252F%252F%5BTenantName%5D.sharepoint.com%252Fsites%252Fhome%252FSitePages%252FHome11.aspx%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-377504%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-377504%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3BThanks%20that%20looks%20really%20interesting.%20However%20I'm%20afraid%20I%20haven't%20had%20much%20success%20when%20I%20tried%20to%20emulate%20it.%20I%20used%20the%20following%20URL%20for%20the%20personal%20tab%20content%3A%20-%26nbsp%3B%3CBR%20%2F%3Ehttps%3A%2F%2F%3CEM%3E%5BTenantName%5D%3C%2FEM%3E.sharepoint.com%2F_layouts%2F15%2Fteamslogon.aspx%3Fspfx%3Dtrue%26amp%3Bdest%3Dhttps%253A%252F%252F%3CEM%3E%5BTenantName%5D%3C%2FEM%3E.sharepoint.com%252Fsites%252F%5BIntranetSite%5D%252FSitePages%252FHome.aspx%3CBR%20%2F%3E%3CBR%20%2F%3EHowever%2C%20when%20I%20tried%20to%20run%20it%20in%20the%20Teams%20app%2C%20I%20get%20a%20neverending%20wheel%20being%20displayed%20inside%20the%20Teams%3A%20-%26nbsp%3B%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20487px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F93932iC085A3CE38073E9C%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22image.png%22%20title%3D%22image.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20anything%20obvious%20I%20have%20done%20wrong%20or%20any%20prerequisites%20I%20might%20have%20missed!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-736414%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-736414%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3BWe%20have%20exactly%20the%20same%20problems%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ecould%20you%20solve%20this%20issue%20in%20any%20way%20in%20the%20meantime%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ethanks%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-747029%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-747029%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20also%20have%20the%20same%20problem%20that%20I%20need%20to%20authenticate%20to%20add%20a%20tab%20with%20important%20learning%20content%20for%20a%20client%20I%20am%20working%20for%20at%20the%20moment.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20created%20a%20personal%20app%20with%20tabs%20to%20show%20content%20from%20different%20sharepoint%20locations.%20But%20if%20the%20user%20never%20created%20a%20cookie%20it%20won't%20work%20for%20all%20when%20they%20first%20open%20the%20app.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMicrosoft%20should%20do%20something%20about%20this.%20There%20are%20many%20companies%20who%20are%20using%20only%20Teams%20as%20their%20central%20communication%20plattform.%20It%20should%20be%20easier%20to%20display%20SP%20content%20in%20tabs%20from%20all%20over%20the%20intranet.%20Without%20this%20feature%20it%20is%20near%20impossible%20to%20build%20such%20an%20app.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20hope%20some%20Microsoft%20expert%20will%20answer%20to%20this%20thread.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-748794%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-748794%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F373982%22%20target%3D%22_blank%22%3E%40robby_o365%3C%2FA%3E%26nbsp%3BWhat%20needs%20to%20happen%20is%20a%20silent%20SSO%20using%20the%20ADAL.js%20hosted%20in%20your%20Azure%20tenant%20to%20first%20perform%20a%20sign%20in%20as%20the%20user%20which%20gets%20the%20cookie%20and%20then%20redirect%20to%20the%20original%20page%20request.%26nbsp%3B%20This%20is%20what%20the%20Teamslogon.aspx%20page%20is%20doing%20so%20a%20version%20of%20that%20you%20can%20host%20in%20your%20AzureAD%20subscription%20secured%20with%20Azure%20AD%20auth%20would%20potential%20do%20the%20trick.%26nbsp%3B%20I'm%20not%20a%20dev%20so%20don't%20know%20how%20to%20correctly%20build%20this%20page.%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Fauthentication%2Fauth-silent-aad%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Fauthentication%2Fauth-silent-aad%3C%2FA%3E%3C%2FP%3E%0A%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-context%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-context%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-749465%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-749465%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20know%2C%20but%20MS%20should%20make%20it%20easier%20to%20embed%20a%20SharePoint%20page%20into%20a%20static%20tab.%20I%20am%20allready%20authenticated%20in%20Teams.%20There%20should%20be%20a%20parameter%20to%20set%20a%20tab%20to%20pass%20through%20for%20SSO%20when%20an%20internal%20SharePoint%20ressource%20is%20called.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1176984%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1176984%22%20slang%3D%22en-US%22%3EHi%2C%3CBR%20%2F%3EDo%20we%20have%20any%20update%20on%20this%20issue%3F%3CBR%20%2F%3E%3CBR%20%2F%3EAre%20you%20able%20to%20see%20a%20Sharepoint%20Site%20with%20silent%20authentication%3F%3CBR%20%2F%3E%3CBR%20%2F%3EBest%20regards%2C%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1177299%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1177299%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3Bshould%20it%20be%20able%20to%20translate%20this%20as%20well%2C%20to%20have%20a%20direct%20link%20to%20your%20OneDrive%3F%3A%3CBR%20%2F%3Ehttps%3A%2F%2F%5BTenant%5D-my.sharepoint.com%2F_layouts%2F15%2Fteamslogon.aspx%3Fspfx%3Dtrue%26amp%3Bdest%3Dhttps%253A%252F%252F%5BTenant%5D-my.sharepoint.com%252F_layouts%252F15%252FMySite.aspx%3FMySiteRedirect%3DAllDocuments%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESadly%20it's%20not%20working.%20Any%20advice%20perhaps%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESame%20goes%20if%20you%20want%20to%20embed%20%3CA%20href%3D%22https%3A%2F%2Fportal.office.com%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fportal.office.com%3C%2FA%3E%26nbsp%3Bin%20a%20tab.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1179019%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1179019%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat's%20even%20more%20strange%20is%20that%20when%20I%20test%20the%20app%20tabs%20with%20my%20admin%20account%20I%20see%20the%20SharePoint%20pages.%20Only%20when%20I%20distribute%20the%20app%20to%20the%20users%20they%20do%20not%20and%20cannot%20open%20the%20pages.%20When%20I%20use%20you%20additional%20TeamsLogon.aspx%20in%20the%20url%20I%20also%20get%20the%20same%20page%20loading%20image%20in%20a%20loop%20and%20if%20I%20then%20try%20to%20access%20the%20page%20as%20an%20admin%20I%20get%20404%20page%20not%20found.%20So%20I'm%20going%20to%20see%20if%20there%20is%20an%20authorization%20issue%20which%20is%20blocking%20the%20pages%20to%20show%20for%20the%20users.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20for%20the%20information%20anyway.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EKind%20regards%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDaniel%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1180274%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1180274%22%20slang%3D%22en-US%22%3EI%20asked%20Vesa%20as%20published%20a%20YouTube%20video%20on%20this%20and%20he%20directed%20me%20to%20this%20post%20%3CA%20href%3D%22https%3A%2F%2Fteams.handsontek.net%2F2020%2F02%2F13%2Fhow-to-fix-the-authentication-issues-with-personal-apps-using-sharepoint-pages%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fteams.handsontek.net%2F2020%2F02%2F13%2Fhow-to-fix-the-authentication-issues-with-personal-apps-using-sharepoint-pages%2F%3C%2FA%3E%3CBR%20%2F%3EI%20haven't%20read%20or%20tried%20it%20yet%20but%20hopefully%20someone%20on%20this%20thread%20has%20time%20to%20validate%20it.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1181746%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1181746%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3EI%20tried%20to%20validate%20this%20but%20I%20had%20no%20success%2C%20I%20followed%20all%20the%20steps%20on%20the%20video%20and%20in%20the%20website%20but%20when%20I%20open%20the%20app%20it%20just%20keep%20loading%20and%20I%20get%20the%20following%20errors%20in%20console%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Errors.PNG%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F172001i4041B70D05B11559%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22Errors.PNG%22%20alt%3D%22Errors.PNG%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnyone%20get%20success%20on%20this%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBest%20regards%2C%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1183607%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1183607%22%20slang%3D%22en-US%22%3EI%20got%20it%20working%20following%20those%20instructions.%20Did%20you%20add%20all%20the%20Domains%2C%20the%20last%20one%20was%20obscured%20in%20the%20screen%20shot%20but%20is%20spoprod-a.akamaihd.net.%3CBR%20%2F%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1183882%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1183882%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHi%20Alan%2C%3C%2FP%3E%3CP%3ENow%20is%20working!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%26nbsp%3Bmiswrote%20one%20of%20the%20domains%20and%20the%20resource%20URL.%3C%2FP%3E%3CP%3EI%20put%20here%20the%20validDomains%20for%20just%20copy%2Fpaste%20it%3A%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%22validDomains%22%3A%20%5B%0A%20%20%20%20%20%22*.login.microsoftonline.com%22%2C%0A%20%20%22*.sharepoint.com%22%2C%0A%20%20%22*.sharepoint-df.com%22%2C%0A%20%20%22spoppe-a.akamaihd.net%22%2C%0A%20%20%22spoprod-a.akamaihd.net%22%2C%0A%20%20%22resourceseng.blob.core.windows.net%22%2C%0A%20%20%22msft.spoppe.com%22%0A%20%20%20%20%5D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20a%20lot.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBest%20regards%2C%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1184073%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20App%20Studio%20SharePoint%20page%20tabs%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1184073%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F180%22%20target%3D%22_blank%22%3E%40Alan%20Marshall%3C%2FA%3E%26nbsp%3Bgot%20it%20working%20as%20well!%20Combining%20the%20post%20you%20sent%20and%20this%20source%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fblog.yannickreekmans.be%2Fshow-sharepoint-page-in-microsoft-teams%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fblog.yannickreekmans.be%2Fshow-sharepoint-page-in-microsoft-teams%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBTW%20in%20App%20Studio%20you%20can%20create%20the%20same%20manifest%20(by%20clicking%20it%20together)%2C%20but%20it%20will%20give%20an%20error%20if%20you%20add%20%22%3CSTRONG%3E*.sharepoint.com%3C%2FSTRONG%3E%22%20to%20the%20list%20of%20domains.%20So%20I%20just%20removed%20this%20and%20the%20app%20stil%20works.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Regular Contributor

We now have an App in Teams for our company Intranet content so people can work in Teams whilst accessing useful content from the Intranet using the Teams App Studio

One of the challenges was getting the tabs to SharePoint pages to work.  If you add a Tab and paste in the SharePoint page URL, nothing shows in Teams.  To make this work, you need to create a URL in the following format:

https://[TenantName].sharepoint.com/sites/Home/_layouts/15/teamslogon.aspx?spfx=true&dest=https%3A%2F%2F[TenantName].sharepoint.com%2Fsites%2Fhome%2FSitePages%2FHome11.aspx

The key is in the TeamsLogon.aspx and the spfx=true.

 

TeamsTab.PNG

I also created a BOT using QnAMaker and registered this with the Bot Framework so we can also ask common questions related to content in the Intranet without needing to browse or search for it.

17 Replies
Highlighted

@Alan Marshall Thanks that looks really interesting. However I'm afraid I haven't had much success when I tried to emulate it. I used the following URL for the personal tab content: - 
https://[TenantName].sharepoint.com/_layouts/15/teamslogon.aspx?spfx=true&dest=https%3A%2F%2F[TenantName].sharepoint.com%2Fsites%2F[IntranetSite]%2FSitePages%2FHome.aspx

However, when I tried to run it in the Teams app, I get a neverending wheel being displayed inside the Teams: - 
image.png

 

Is there anything obvious I have done wrong or any prerequisites I might have missed!

Highlighted

Did you replace [TenantName] with you tenant, copy this from the page url.

You need to also replace home site location and Home11 with your page name.

Best option is to navigate to the page in SharePoint and copy the URL and then use an online URL encoder and replace the dest= value with the encoded url.  If you search in Bing for "url encoder" it shows an entry box in the window.

Also make sure you have added the [TenantName].sharepoint.com to the domains list for your App studio manifest.

https://[TenantName].sharepoint.com/sites/Home/_layouts/15/teamslogon.aspx?spfx=true&dest=https%3A%2F%2F[TenantName].sharepoint.com%2Fsites%2Fhome%2FSitePages%2FHome11.aspx

Highlighted

@Alan Marshall Hi Alan. Thanks for getting back to me. I did use the tenancy name and Intranet Site name, (I substituted them with square brackets for the post). I have double checked: -

  • the destination URL (using an online encoded)
  • ensured that [TenantName].sharepoint.com was added as a valid domain.

...and I am still getting the same result. 

 

Interestingly I am able to use that link full link inside: -

  • A Web browser
  • A teams tab when teams is run inside a web browser

So I am still confused by why it isn't working. It would be interesting to get feedback from some Microsoft people as I would have thought embedding a intranet in Teams as a tab would be a relatively common use case. @Mark Kashman @Chris McNulty  @Paul Cannon @Christopher Bryan 

 

 

Highlighted

Now I'm getting the same as you.  It was working perfectly which is why I posted this tip so other people didn't encounter the same issue.

Highlighted

This only seems to work if you have previously visited a tab in a channel that links to a page in the same tenant. 

I signed out of Teams and back in to find the tabs didn't work.  I then went to a team that has a tab pointing to a page in SharePoint in the same tenant and then went back to the app and it works, it must be storing a cookie somewhere that only gets generated when you use the tab url link.

Highlighted

@Alan Marshall We have exactly the same problems

 

could you solve this issue in any way in the meantime?

 

thanks 

Highlighted

@Alan Marshall 

 

I also have the same problem that I need to authenticate to add a tab with important learning content for a client I am working for at the moment.

 

I've created a personal app with tabs to show content from different sharepoint locations. But if the user never created a cookie it won't work for all when they first open the app.

 

Microsoft should do something about this. There are many companies who are using only Teams as their central communication plattform. It should be easier to display SP content in tabs from all over the intranet. Without this feature it is near impossible to build such an app.

 

I hope some Microsoft expert will answer to this thread.

Highlighted

@robby_o365 What needs to happen is a silent SSO using the ADAL.js hosted in your Azure tenant to first perform a sign in as the user which gets the cookie and then redirect to the original page request.  This is what the Teamslogon.aspx page is doing so a version of that you can host in your AzureAD subscription secured with Azure AD auth would potential do the trick.  I'm not a dev so don't know how to correctly build this page.

https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/authentication/auth-silent-aad

https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/tabs/tabs-context

Highlighted

@Alan Marshall 

 

I know, but MS should make it easier to embed a SharePoint page into a static tab. I am allready authenticated in Teams. There should be a parameter to set a tab to pass through for SSO when an internal SharePoint ressource is called.

Highlighted
Hi,
Do we have any update on this issue?

Are you able to see a Sharepoint Site with silent authentication?

Best regards,
Highlighted

@Alan Marshall should it be able to translate this as well, to have a direct link to your OneDrive?:
https://[Tenant]-my.sharepoint.com/_layouts/15/teamslogon.aspx?spfx=true&dest=https%3A%2F%2F[Tenant]-my.sharepoint.com%2F_layouts%2F15%2FMySite.aspx?MySiteRedirect=AllDocuments

 

Sadly it's not working. Any advice perhaps

 

Same goes if you want to embed https://portal.office.com in a tab.

Highlighted

@Alan Marshall 

 

What's even more strange is that when I test the app tabs with my admin account I see the SharePoint pages. Only when I distribute the app to the users they do not and cannot open the pages. When I use you additional TeamsLogon.aspx in the url I also get the same page loading image in a loop and if I then try to access the page as an admin I get 404 page not found. So I'm going to see if there is an authorization issue which is blocking the pages to show for the users.

 

Thanks for the information anyway.

 

Kind regards,

 

Daniel

Highlighted
I asked Vesa as published a YouTube video on this and he directed me to this post https://teams.handsontek.net/2020/02/13/how-to-fix-the-authentication-issues-with-personal-apps-usin...
I haven't read or tried it yet but hopefully someone on this thread has time to validate it.
Highlighted

@Alan Marshall 

 

Hi,

I tried to validate this but I had no success, I followed all the steps on the video and in the website but when I open the app it just keep loading and I get the following errors in console:

 

Errors.PNG

 

Anyone get success on this?

 

Best regards,

Highlighted
I got it working following those instructions. Did you add all the Domains, the last one was obscured in the screen shot but is spoprod-a.akamaihd.net.
Highlighted

@Alan Marshall 

 

Hi Alan,

Now is working!

 

I miswrote one of the domains and the resource URL.

I put here the validDomains for just copy/paste it:

"validDomains": [
	    "*.login.microsoftonline.com",
		"*.sharepoint.com",
		"*.sharepoint-df.com",
		"spoppe-a.akamaihd.net",
		"spoprod-a.akamaihd.net",
		"resourceseng.blob.core.windows.net",
		"msft.spoppe.com"
    ]

 

Thanks a lot.

 

Best regards,

Highlighted

@Alan Marshall got it working as well! Combining the post you sent and this source:

https://blog.yannickreekmans.be/show-sharepoint-page-in-microsoft-teams/

 

BTW in App Studio you can create the same manifest (by clicking it together), but it will give an error if you add "*.sharepoint.com" to the list of domains. So I just removed this and the app stil works.