Embedded website showing in msteams webapp but not desktop app - iframe

I am building a custom ms teams application with tab capability. And I am embedding a work website inside the tab. The website loads fine in the web app. However it doesn't show in the desktop app. There is one hack to it though. If I switch to developer mode on the desktop app, it is loading the website. My website is SSO enabled for login, so it is redirecting to Idp site. One thing I have understood is, the Idp site doesn't allow their content to be loaded in an iframe, and ms teams uses iframe to load webcontent. But then I am wondering what is different for a developer mode. Why does it work there? Also since it works fine in the browser app, shouldn't it work in desktop app too. I mean the behaviour should be consistent. Any pointers?

could you please follow this document and you need to use microsoftTeams.authentication.authenticate() to show the popup.

Related

Firebase Dynamic Link doesn't redirect to the app when open through Chrome

Firebase Dynamic Link doesn't redirect to the app when open through Chrome, Where if I'm using any other browser, it's redirecting to the app.
So the question is , Chrome is using what's differ than other or What is the solution in our code level ,when creating Dynamic links in our android studio
if I'm using any other browser, it's redirecting to the app.
So the question is , Chrome is using what's differ than other or What is the solution in our code level ,when creating Dynamic links in our android studio
If you are pasting a short link onto Chrome’s address bar, this is an intended behavior where you will be directed to either App Store (iOS) or Play Store (Android) regardless whether the app is installed or not. The original link will not be preserved upon installing or switching to the application. This is because Chrome does not support intent redirection and the browser will only act as a proxy.

Open a internet web site from a custom static tab in teams app

I'm trying to open a web page that's available on the internet without authentication from a custom Teams app tab. The page can be openend in an iframe also.
Using fiddler I can see the page being accessed, but Teams doesn't display the tab.
Should this be possible?
Thanks
Yes this is definitely possible. The easiest way to do this is generate a app installer using App studio app in teams:
image of app studio

Can I use Firebase Dynamic Links for a web app?

I don't see any option for Web under "receiving dynamic links" in Firebase Dynamic links page.
Without the SDK, there's no way to connect a post-install user with a pre-install click.
I have a desktop app that runs on node.js like a web app, using nw.js. What I'm trying to do is create referral links for users. After someone clicks a referral link, I need to be able to track his referrer. But the problem is that link is only going to take him to the download page, after he downloads and opens up the app for the first time, how can I reach his referrer info? The desktop app has no connection with the website that users download from.
I understand that this can be done with Dynamic Links SDK but can I use that SDK in a web app?(desktop app actually but runs with HTML/node.js)
The post-install deeplinking in Dynamic Links is just for Android and iOS - so there isn't an equivalent for a desktop app.

Office 365 app inside iframe?

OK, guys need some advice with runing ASP.Net app inside iframe.
I have a CMS and ASP.Net app which talks to Office 365.
Because I couldn't integrate my app into CMS (authentication issue) I am calling my office app using jQuery Window
Plugin which has two advantages:
I styled the window to look as though its part of the CMS
It has onClose event which I was able to use as a trigger that I need to update UI
Everything works great. Only issue is when user goes to sign in. Because Office API call a remote service it redirects my office app to the authentication page. And this breaks the iframe. Leaving user to stare at a blank dialog window till they get bored.
Prior to discovering that plugin I used normal javascript window.open() which opened up a new browser window for me where everything works fine. But the biggest problem for me is that inside CMS context I can't tell when/if user has finished using my office app. Therefore I have no hooks I can rely on to trigger UI update leaving user to just refresh the page.
Is there anything I can do to get around my problem (apart from integrating my office app with CMS)?
ps:
My office is basically sending HTTP messages across the web to CMS in order to do what needs to be done.
pss:
My office app in turn uses latest Office 365 API to talk to its services.
Apologies guys. Just confirmed that Office 365 is configure not to display inside iframes.
That pretty much leaves only two options:
running a separate browser window
tighter integration with CMS (ideal)

iframe for app for web users but responsive to mobile users?

I am building a Facebook web app, http://www.beerwhich.com, and currently have it set to display the app within the Facebook iframe.
That said, I was wondering if I can do one of two things:
Get rid of the iframe for phones viewing the web app, and specify mobile-specific styles to the app.
Keep the iframe but still detect if the user is viewing the web app on their phone, so I can specify mobile-specific styles
Any mobile/responsive web app advice for iframed apps would be very helpful!!
After you do the authentication you need to do, for example set a cookie with JS SDK, than you can redirect your app wherever you want, and use that cookie for info
Even if you do nothing, this will work by itself, to check this, you can right click any app and say "Open Frame in Another Tab" you will see that the application work out of Facebook too

Resources