Microsoft Tech Community Live:  Microsoft Teams Edition
November 09, 2021, 08:00 AM - 12:00 PM (PST)

Teams Embeded Iframe with SSO

%3CLINGO-SUB%20id%3D%22lingo-sub-2758753%22%20slang%3D%22en-US%22%3ETeams%20Embeded%20Iframe%20with%20SSO%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2758753%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20I%20am%20running%20into%20an%20intresting%20problem%2C%20and%20hoping%20someone%20is%20able%20to%20help.%20I%20have%20process%20in%20place%20where%20a%20user%20can%20install%20an%20app%2C%20and%20use%20SSO%20to%20sign%20on%20through%20a%20embeded%20Iframe%20tab.%20On%20initial%20setup%20I%20am%20able%20to%20sign%20in%20with%20the%20SSO%20and%20it%20works%20just%20fine%20and%20functions%20as%20expected.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20problem%20arsises%20when%20a%20new%20users%20come%20to%20sign%20in%20the%20the%20tab%20with%20SSO%2C%20or%20if%20you%20log%20out%20of%20teams%20and%20back%20in.%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EIf%20you%20log%20out%20of%20teams%20you%20will%20be%20promted%20to%20login%20on%20the%20page%2C%20and%20you%20can%20choose%20SSO.%20Once%20you%20click%20sign%20on%20with%20SSO%20the%20whole%20tab%20now%20becomes%20blank%20and%20can't%20process%20or%20do%20anything.%26nbsp%3B%3CBR%20%2F%3E%3CBR%20%2F%3EI%20Saw%20this%20post%20and%20thought%20it%20was%20applicable%2C%20but%20the%20application%20IS%20visible%20at%20first%2C%20but%20once%20they%20login%20it%20errors%20out.%26nbsp%3B%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fteams-developer%2Fcustom-teams-app-showing-blank-screen%2Fm-p%2F2555937%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fteams-developer%2Fcustom-teams-app-showing-blank-screen%2Fm-p%2F2555937%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EThese%20are%20the%20two%20calls%20it%20makes%3A%3CBR%20%2F%3Emyapplication.url%2FreturnUrl%3CBR%20%2F%3E-%26gt%3BThat%20forwards%20to%20(Where%20%24%7B%7D%20have%20actual%20values)%3CBR%20%2F%3E%3CA%20href%3D%22https%3A%2F%2Flogin.microsoftonline.com%2FappId%2Fsaml2%3FSAMLRequest%3D%24%7BTOKEN%7D%26amp%3BRelayState%3D%24%7BRELAYSTATE%7D%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Flogin.microsoftonline.com%2FappId%2Fsaml2%3FSAMLRequest%3D%24%7BTOKEN%7D%26amp%3BRelayState%3D%24%7BRELAYSTATE%7D%3C%2FA%3E%3CBR%20%2F%3EThere%20is%20also%20a%20couple%20of%20weird%20things%20like%20this%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fteams.microsoft.com%2Fdesktopclient%2Fupdate%2F1.4.00.22265%2Fosx%2Fx64%3Fring%3Dgeneral%26amp%3BisDaemonUpdater%3Dtrue%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fteams.microsoft.com%2Fdesktopclient%2Fupdate%2F1.4.00.22265%2Fosx%2Fx64%3Fring%3Dgeneral%26amp%3BisDaemonUpdater%3Dtrue%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3E%3CBR%20%2F%3EI%20was%20able%20to%20capute%20this%20in%20fiddler%2C%20and%20I%20can%20see%20this%20indeed%20does%20have%20a%20response%20to%20login%2C%20but%20for%20some%20reason%2C%20teams%20just%20does%20not%20render%20this.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20am%20happy%20to%20provide%20more%20insight%20if%20needed%2C%20but%20hopefully%20that%20engough%20to%20have%20someone%20see%20what%20the%20problem%20is.%3CBR%20%2F%3E%3CBR%20%2F%3ETesting%20this%20in%20web%20app%20I%20see%3A%3C%2FP%3E%3CP%3ERefused%20to%20display%20'%3CA%20href%3D%22https%3A%2F%2Flogin.microsoftonline.com%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Flogin.microsoftonline.com%2F%3C%2FA%3E'%20in%20a%20frame%20because%20it%20set%20'X-Frame-Options'%20to%20'deny'.%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fstackoverflow.com%2Fquestions%2F40795633%2Fx-frame-option-deny-error-when-aad-sign-in-in-office-add-in%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fstackoverflow.com%2Fquestions%2F40795633%2Fx-frame-option-deny-error-when-aad-sign-in-in-office-add-in%3C%2FA%3E%3CBR%20%2F%3E%3CBR%20%2F%3EThink%20something%20in%20here%3A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftabs%2Fhow-to%2Ftab-requirements%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftabs%2Fhow-to%2Ftab-requirements%3C%2FA%3E%26nbsp%3Bwas%20missed%20but%20I'm%20not%20seeing%20anything%20that%20stands%20out%20overly.%3CBR%20%2F%3E%3CBR%20%2F%3EAppreciate%20any%20insights!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2758753%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ECommunity%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2770892%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Embeded%20Iframe%20with%20SSO%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2770892%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1158549%22%20target%3D%22_blank%22%3E%40setuprc%3C%2FA%3E%26nbsp%3B-%20Could%20you%20please%20share%20a%20sample%20or%20minimal%20code%20for%20us%20to%20repro%20the%20issue%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2785095%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Embeded%20Iframe%20with%20SSO%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2785095%22%20slang%3D%22en-US%22%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1158549%22%20target%3D%22_blank%22%3E%40setuprc%3C%2FA%3E%20-%20Could%20you%20please%20share%20the%20details%20so%20that%20we%20can%20test%20it%20from%20our%20end.%3CBR%20%2F%3E%3CBR%20%2F%3EThanks%2C%20Chetan%20Sharma------------------------------------------------------If%20the%20response%20is%20helpful%2C%20please%20click%20%22**Mark%20as%20Best%20Response**%22%20and%20like%20it.%20You%20can%20share%20your%20feedback%20via%20Microsoft%20Teams%20Developer%20Feedback%20link.%20Click%20here%20to%20escalate.%3C%2FLINGO-BODY%3E
Occasional Visitor

Hello I am running into an intresting problem, and hoping someone is able to help. I have process in place where a user can install an app, and use SSO to sign on through a embeded Iframe tab. On initial setup I am able to sign in with the SSO and it works just fine and functions as expected.

 

The problem arsises when a new users come to sign in the the tab with SSO, or if you log out of teams and back in. 

If you log out of teams you will be promted to login on the page, and you can choose SSO. Once you click sign on with SSO the whole tab now becomes blank and can't process or do anything. 

I Saw this post and thought it was applicable, but the application IS visible at first, but once they login it errors out. 
https://gorovian.000webhostapp.com/?exam=t5/teams-developer/custom-teams-app-showing-blank-screen/m-p/255...

These are the two calls it makes:
myapplication.url/returnUrl
->That forwards to (Where ${} have actual values)
https://login.microsoftonline.com/appId/saml2?SAMLRequest=${TOKEN}&RelayState=${RELAYSTATE}
There is also a couple of weird things like this 

https://teams.microsoft.com/desktopclient/update/1.4.00.22265/osx/x64?ring=general&isDaemonUpdater=t...


I was able to capute this in fiddler, and I can see this indeed does have a response to login, but for some reason, teams just does not render this.

I am happy to provide more insight if needed, but hopefully that engough to have someone see what the problem is.

Testing this in web app I see:

Refused to display 'https://login.microsoftonline.com/' in a frame because it set 'X-Frame-Options' to 'deny'.

https://stackoverflow.com/questions/40795633/x-frame-option-deny-error-when-aad-sign-in-in-office-ad...

Think something in here: https://docs.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/tab-requirements was missed but I'm not seeing anything that stands out overly.

Appreciate any insights!

2 Replies

@setuprc - Could you please share a sample or minimal code for us to repro the issue?

@setuprc - Could you please share the details so that we can test it from our end.

Thanks,

Chetan Sharma

------------------------------------------------------

If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.

www.000webhost.com