How to add SharePoint Pages in a static tab with authentication?

%3CLINGO-SUB%20id%3D%22lingo-sub-750152%22%20slang%3D%22en-US%22%3EHow%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-750152%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20a%20huge%20problem.%20My%20client%20is%20using%20Teams%20as%20their%20central%20communication%20tool.%20There%20are%20no%20SharePoint%20structures.%20But%20integrate%20some%20public%20information%20like%20training%2C%20news%20etc.%20we%20want%20to%20integrate%20some%20SharePoint%20Pages%20in%20a%20static%20tab%20(personal%20app).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20would%20be%20the%20perfect%20solution%20to%20place%20an%20icon%20in%20the%20left%20pane%20in%20teams%20that%20leads%20to%20all%20the%20important%20resources.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20problem%20is%2C%20that%20Teams%20don't%20forward%20your%20authentication%20when%20you%20call%20a%20page%20from%20a%20tab.%20If%20the%20user%20already%20has%20a%20cookie%20it%20works.%20This%20renders%20the%20solution%20useless.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20anyone%20with%20the%20same%20problem%20or%20someone%20having%20a%20solution%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20it%20possible%20to%20create%20a%20hosted%20web%20page%20that%20authenticates%20the%20user%20and%20redirect%20to%20desired%20page%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAny%20help%20on%20this%20topic%20is%20appreciated.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-750152%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-752061%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-752061%22%20slang%3D%22en-US%22%3E%3CP%3EPlease%20refer%20these%20doc%20for%20adding%20sharepoint%20pages%20to%20teams%20tabs%20%3A%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CA%20title%3D%22Using%20a%20Microsoft%20Teams%20tab%20as%20a%20SharePoint%20Framework%20web%20part%22%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-in-sharepoint%22%20target%3D%22_self%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%22%3EUsing%20a%20Microsoft%20Teams%20tab%20as%20a%20SharePoint%20Framework%20web%20part%3C%2FA%3E%26nbsp%3Bfor%20Authentcation%20in%20Tabs%20please%20refer%20this%20doc%20here%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Fauthentication%2Fauth-flow-tab%22%20target%3D%22_self%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%22%3EMicrosoft%20Teams%26nbsp%3B%20authentication%20flow%20for%20Bots%3C%2FA%3E.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-752177%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-752177%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%3B%3C%2FP%3E%3CP%3ECheck%20out%20the%20article%20for%20requirements%20for%20tab%20pages%20in%20Microsoft%20Teams.%20This%20might%20point%20you%20in%20the%20right%20direction.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-requirements%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%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-requirements%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20don't%20want%20to%20assume%20anything%2C%20so%20here%20is%20the%20link%20to%20Static%20Tabs%20and%20SharePoint%20webparts%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-static%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%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-static%3C%2FA%3E%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-in-sharepoint%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%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Ftabs%2Ftabs-in-sharepoint%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-753668%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-753668%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%3BAs%20far%20as%20I%20know%2C%20there%20currently%20is%20no%20solution%20for%20this.%20If%20the%20user%20isn't%20authenticated%20in%20SharePoint%2C%20the%20personal%2Fstatic%20tab%20should%20redirect%20to%20the%20login%20screen%20and%20then%20redirect%20you%20back%20to%20your%20SharePoint%20page%20after%20login.%20Is%20this%20the%20behavior%20you%20are%20experiencing%3F%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EAll%20the%20links%2C%20while%20helpful%20when%20actually%20developing%20a%20custom%20web%20application%2C%20won't%20help%20you%20with%20pages%20that%20come%20from%20SharePoint.%20It's%20a%20known%20scenario%20but%20no%20solution%20is%20available%2C%20and%20I'm%20not%20sure%20if%20it's%20in%20the%20works.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-863044%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863044%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%2C%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ELike%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F4392%22%20target%3D%22_blank%22%3E%40Yannick%20Reekmans%3C%2FA%3E%26nbsp%3Bsaid%3A%20the%20other%20articles%20are%20relevant%20only%20when%20developing%20your%20own%20application%2Fpage%20but%20don't%20really%20help%20when%20using%20a%20SharePoint%20page.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThat%20being%20said%2C%20I%20bumped%20into%20the%20same%20issue%20and%20got%20it%20to%20work.%3C%2FP%3E%3CP%3EThe%20biggest%20part%20of%20the%20solution%20came%20from%20Wajeed%20in%20the%20following%20StackOverflow%20thread%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fstackoverflow.com%2Fquestions%2F57593508%2Fsharepoint-page-not-loading-in-personal-tab-of-static-app-ms-teams-desktop-clie%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fstackoverflow.com%2Fquestions%2F57593508%2Fsharepoint-page-not-loading-in-personal-tab-of-static-app-ms-teams-desktop-clie%3C%2FA%3E%3C%2FP%3E%3CP%3EHowever%2C%20since%20he%20reffered%20to%20'microsoft.sharepoint.com'%20and%20'teams'%20path%20in%20the%20url's%20he%20provided%2C%20I%20got%20confused%20and%20failed%20at%20first.%3CBR%20%2F%3EThen%20I%20found%20the%20following%20article%20which%20helped%20me%20get%20all%20the%20variables%20correct%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fguidance%2Fcreating-team-manifest-manually-for-webpart%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%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fguidance%2Fcreating-team-manifest-manually-for-webpart%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3ETL%2FDR%3B%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3EAdd%2FEdit%20the%20following%20snippet%20into%20your%20manifest%20file%3A%3C%2FP%3E%3CPRE%3E%3CSPAN%20class%3D%22str%22%3E%22staticTabs%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22pun%22%3E%5B%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22pun%22%3E%7B%3C%2FSPAN%3E%0A%20%20%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22entityId%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22str%22%3E%22TestTabId%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22name%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22str%22%3E%22Test%20Tab%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22contentUrl%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22str%22%3E%22https%3A%2F%2F%7Btenantname%7D.sharepoint.com%2Fsites%2F%7Bsite%7D%2F_layouts%2F15%2Fteamslogon.aspx%3Fspfx%3Dtrue%26amp%3Bdest%3D%2Fsites%2F%7Bsite%7D%2FSitePages%2F%7Bpage%7D.aspx%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22scopes%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22pun%22%3E%5B%3C%2FSPAN%3E%3CSPAN%20class%3D%22str%22%3E%22personal%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%5D%2C%3C%2FSPAN%3E%0A%20%20%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22websiteUrl%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22str%22%3E%22https%3A%2F%2Ffullwebsite.website.com%2Fabout%22%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22pun%22%3E%7D%3C%2FSPAN%3E%0A%20%20%3CSPAN%20class%3D%22pun%22%3E%5D%2C%3C%2FSPAN%3E%0A%20%20%3CSPAN%20class%3D%22str%22%3E%22validDomains%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22pun%22%3E%5B%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22*.login.microsoftonline.com%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22%7Btenantname%7D.sharepoint.com%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22%7Btenantname%7D.sharepoint-df.com%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22spoppe-a.akamaihd.net%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22spoprod-a.akamaihd.net%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22resourceseng.blob.core.windows.net%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22msft.spoppe.com%22%3C%2FSPAN%3E%0A%20%20%3CSPAN%20class%3D%22pun%22%3E%5D%2C%3C%2FSPAN%3E%0A%20%20%3CSPAN%20class%3D%22str%22%3E%22webApplicationInfo%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22pun%22%3E%7B%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22resource%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22str%22%3E%22https%3A%2F%2F%7Btenantname%7D.sharepoint.com%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%2C%3C%2FSPAN%3E%0A%20%20%20%20%3CSPAN%20class%3D%22str%22%3E%22id%22%3C%2FSPAN%3E%3CSPAN%20class%3D%22pun%22%3E%3A%3C%2FSPAN%3E%20%3CSPAN%20class%3D%22str%22%3E%2200000003-0000-0ff1-ce00-000000000000%22%3C%2FSPAN%3E%0A%20%20%3CSPAN%20class%3D%22pun%22%3E%7D%3C%2FSPAN%3E%3C%2FPRE%3E%3CP%3Ewhere%3A%3C%2FP%3E%3CP%3E-%20%7Btenantname%7D%20should%20be%20replaced%20with%20the%20name%20of%20your%20tenant%3C%2FP%3E%3CP%3E-%20%7Bsite%7D%20should%20be%20the%20url%20portion%20reffering%20to%20the%20correct%20site%20collection%3C%2FP%3E%3CP%3E-%20%7Bpage%7D%20should%20be%20the%20url%20portion%20reffering%20to%20the%20sharepoint%20page%20you%20would%20like%20to%20load%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHope%20it%20helps!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWith%20kind%20regards%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EStijn%20Brouwers%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-863080%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863080%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F120395%22%20target%3D%22_blank%22%3E%40Stijn%20Brouwers%3C%2FA%3E%26nbsp%3BI%20knew%20about%20this%20workaround%20at%20the%20time%20I%20replied%2C%20but%20was%20asked%20(by%20Microsoft)%20not%20to%20share%20it.%20At%20the%20time%2C%20I%20flagged%20this%20thread%20with%20them%20to%20let%20them%20know%20it%20is%20a%20valid%20use%20case.%3C%2FP%3E%0A%3CP%3EThis%20was%20shared%20with%20MVP's%20for%20internal%20testing%2C%20as%20this%20was%20not%20considered%20stable%20nor%20supported.%20Haven't%20heard%20that%20this%20has%20changed.%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F79135%22%20target%3D%22_blank%22%3E%40Wajeed%20Hanif%20Shaik%3C%2FA%3E%26nbsp%3Bis%20from%20MS%2C%20so%20I%20guess%20we%20can%20use%20it%20now...%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EMaybe%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F106158%22%20target%3D%22_blank%22%3E%40Jethro%20Seghers%3C%2FA%3E%26nbsp%3B%2F%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F52221%22%20target%3D%22_blank%22%3E%40Jethro%20SEGHERS%3C%2FA%3E%26nbsp%3Bcan%20share%20more%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-863129%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863129%22%20slang%3D%22en-US%22%3E%3CP%3EFYI%2C%20I%20checked%20with%20the%20responsible%20person%20inside%20MS%20and%20this%20is%20currently%20not%20supported.%20As%20long%20as%20it%20is%20not%20in%20docs%2C%20it's%20not%20supported.%20It%20works%20in%20some%2Fmost%20cases%20apparently%20but%20more%20work%20needs%20to%20happen%20to%20make%20it%20stable%2C%20and%20be%20a%20better%20experience%20overall.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-863282%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-863282%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F4392%22%20target%3D%22_blank%22%3E%40Yannick%20Reekmans%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20for%20the%20feedback!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1187248%22%20slang%3D%22en-US%22%3ERe%3A%20How%20to%20add%20SharePoint%20Pages%20in%20a%20static%20tab%20with%20authentication%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1187248%22%20slang%3D%22en-US%22%3E%3CP%3EI%20found%20this%20recent%20YouTube%20video%20that%20walks%20thru%20adding%20personal%20tabs%20to%20an%20app%20manifest%20using%20the%20App%20Studio%20inside%20Teams.%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DWyB4MBQwICs%26amp%3Blist%3DPL6AXe4uV2Of5QN7_6sB1eJ_XzT6sZJpNR%26amp%3Bindex%3D5%26amp%3Bt%3D0s%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DWyB4MBQwICs%26amp%3Blist%3DPL6AXe4uV2Of5QN7_6sB1eJ_XzT6sZJpNR%26amp%3Bindex%3D5%26amp%3Bt%3D0s%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAfter%20following%20along%20I%20can't%20seem%20to%20get%20it%20to%20authenticate%20the%20signed%20in%20user%20to%20render%20SharePoint%20pages.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThere%20are%20SSO%20settings%20in%20the%20App%20Studio%20but%20in%20the%20recent%20Teams%20Community%20Call%20covering%20SSO%20it%20wasn't%20clear%20that%20this%20would%20work%20for%20Personal%20Tabs.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20guess%20my%20question%20is%20would%20registering%20an%20app%20with%20delegated%20privileges%20for%20Graph%20'Director.AccessAsUser.All'%20give%20the%20Personal%20Tab%20the%20authentication%20to%20render%20the%20SharePoint%20page%3F%20Would%20that%20be%20enough%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EUpdate%3A%20I%20was%20able%20to%20successfully%26nbsp%3Brender%20the%20Sharepoint%20page%20by%20registering%20an%20app%20with%20AAD%20(Directory.AccessAsUser.All%20-%20Admin%20Consented)%20Give%20the%20system%20time%20to%20settle%20the%20authentications%20and%20add%20the%20credentials%20to%20the%20'Domains%20and%20permissions'%20section%20of%20the%20App%20Studio.%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22crf5200_0-1582338663272.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F172640i1FBDD33B4031054B%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22crf5200_0-1582338663272.png%22%20alt%3D%22crf5200_0-1582338663272.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EAfter%2024%20Hours%20of%20the%20custom%20app%20working%20in%20Teams%20Desktop%20it%20no%20longer%20renders%20the%20SharePoint%20pages.%20It%20still%20works%20in%20Teams%20Online.%20Not%20sure%20where%20the%20issue%20lies.%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

Hello,

 

I have a huge problem. My client is using Teams as their central communication tool. There are no SharePoint structures. But integrate some public information like training, news etc. we want to integrate some SharePoint Pages in a static tab (personal app).

 

This would be the perfect solution to place an icon in the left pane in teams that leads to all the important resources.

 

The problem is, that Teams don't forward your authentication when you call a page from a tab. If the user already has a cookie it works. This renders the solution useless.

 

Is there anyone with the same problem or someone having a solution?

 

Is it possible to create a hosted web page that authenticates the user and redirect to desired page?

 

Any help on this topic is appreciated.

8 Replies
Highlighted

Please refer these doc for adding sharepoint pages to teams tabs : 

Using a Microsoft Teams tab as a SharePoint Framework web part for Authentcation in Tabs please refer this doc here Microsoft Teams  authentication flow for Bots.

Highlighted

@robby_o365 

Check out the article for requirements for tab pages in Microsoft Teams. This might point you in the right direction. 


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

 

I don't want to assume anything, so here is the link to Static Tabs and SharePoint webparts:

 

https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/tabs/tabs-static
https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/tabs/tabs-in-sharepoint

 

Highlighted

@robby_o365 As far as I know, there currently is no solution for this. If the user isn't authenticated in SharePoint, the personal/static tab should redirect to the login screen and then redirect you back to your SharePoint page after login. Is this the behavior you are experiencing?

 

All the links, while helpful when actually developing a custom web application, won't help you with pages that come from SharePoint. It's a known scenario but no solution is available, and I'm not sure if it's in the works.

Highlighted

@robby_o365

 

Like @Yannick Reekmans said: the other articles are relevant only when developing your own application/page but don't really help when using a SharePoint page.

 

That being said, I bumped into the same issue and got it to work.

The biggest part of the solution came from Wajeed in the following StackOverflow thread:

https://stackoverflow.com/questions/57593508/sharepoint-page-not-loading-in-personal-tab-of-static-a...

However, since he reffered to 'microsoft.sharepoint.com' and 'teams' path in the url's he provided, I got confused and failed at first.
Then I found the following article which helped me get all the variables correct:

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/creating-team-manifest-manua...

 

TL/DR;

Add/Edit the following snippet into your manifest file:

"staticTabs": [
    {
      "entityId": "TestTabId",
      "name": "Test Tab",
      "contentUrl": "https://{tenantname}.sharepoint.com/sites/{site}/_layouts/15/teamslogon.aspx?spfx=true&dest=/sites/{site}/SitePages/{page}.aspx",
      "scopes": ["personal"],
      "websiteUrl": "https://fullwebsite.website.com/about"
    }
  ],
  "validDomains": [
    "*.login.microsoftonline.com",
    "{tenantname}.sharepoint.com",
    "{tenantname}.sharepoint-df.com",
    "spoppe-a.akamaihd.net",
    "spoprod-a.akamaihd.net",
    "resourceseng.blob.core.windows.net",
    "msft.spoppe.com"
  ],
  "webApplicationInfo": {
    "resource": "https://{tenantname}.sharepoint.com",
    "id": "00000003-0000-0ff1-ce00-000000000000"
  }

where:

- {tenantname} should be replaced with the name of your tenant

- {site} should be the url portion reffering to the correct site collection

- {page} should be the url portion reffering to the sharepoint page you would like to load

 

Hope it helps!

 

With kind regards,

 

Stijn Brouwers

Highlighted

@Stijn Brouwers I knew about this workaround at the time I replied, but was asked (by Microsoft) not to share it. At the time, I flagged this thread with them to let them know it is a valid use case.

This was shared with MVP's for internal testing, as this was not considered stable nor supported. Haven't heard that this has changed. @Wajeed Hanif Shaik is from MS, so I guess we can use it now...

 

Maybe @Jethro Seghers / @Jethro SEGHERS can share more?

Highlighted

FYI, I checked with the responsible person inside MS and this is currently not supported. As long as it is not in docs, it's not supported. It works in some/most cases apparently but more work needs to happen to make it stable, and be a better experience overall.

Highlighted
Highlighted

I found this recent YouTube video that walks thru adding personal tabs to an app manifest using the App Studio inside Teams.

https://www.youtube.com/watch?v=WyB4MBQwICs&list=PL6AXe4uV2Of5QN7_6sB1eJ_XzT6sZJpNR&index=5&t=0s

 

After following along I can't seem to get it to authenticate the signed in user to render SharePoint pages.

 

There are SSO settings in the App Studio but in the recent Teams Community Call covering SSO it wasn't clear that this would work for Personal Tabs.

 

I guess my question is would registering an app with delegated privileges for Graph 'Director.AccessAsUser.All' give the Personal Tab the authentication to render the SharePoint page? Would that be enough?

 

Update: I was able to successfully render the Sharepoint page by registering an app with AAD (Directory.AccessAsUser.All - Admin Consented) Give the system time to settle the authentications and add the credentials to the 'Domains and permissions' section of the App Studio.

crf5200_0-1582338663272.png

 

After 24 Hours of the custom app working in Teams Desktop it no longer renders the SharePoint pages. It still works in Teams Online. Not sure where the issue lies.

 

Please check the updated video on this topic from https://www.youtube.com/watch?v=G73jxqtjuIE In this video we'll demonstrate the steps to take advantage of ...