Is it possible to install a Progressive Web App within an iframe? - iframe

I have a website. Let's call it www.example.com.
I load an iframe in www.example.com which is a PWA.
Is it possible to install the PWA in the iframe? If not, why?

It's not clear what you mean by "install".
If you're asking whether an <iframe> can register a service worker, the answer is yes. That service worker will have its install/activate handlers fired in the same manner as it would as if it were a top-level document that registered the <iframe>. Just to be clear, the service worker and cache storage will be scoped to the origin of the <iframe>, not the top-level document.
If you're talking about whether loading a document in an <iframe> can meet the requirements for showing the "Add to Homescreen" UI in Chrome, the answer is no. The beforeinstallprompt event should not be fired in that scenario.

Related

OAuth2 with iframe scenario

We have a parent web application that needs an authorization step to allow users to use it(using user+pwd).
After the authorization step, the parent web application has to open a different web application in an iframe, we can call child web application.
The both of application are installed on premises.
The child application could open its content with no login process but, as we want to be sure that the child web application is opened by the iframe from the browser where the user has performed the login, we are thinking to use OAuth 2 to implement the scenario.
So, when the iframe is opening the child web application, it is redirect to the the authorization server and in particular to the login page. As the user has performed a login in the step before, the flow continues to redirect the iframe to the second child application. Make sense?
My doubt is:
-Parent and Child application are different application, installed on premises.Does it make sense to use OAuth 2 for this kind of scenario?
Hoping for any help or consideration.

F5 Add apm_do_not_touch to HTML response to the end user

I am supporting ASP.NET application running on 3 web servers and have F5 system as firewall and load balance. Actually I don't have experience at all in F5 system but the following issue seems to be related to it
The issue happened after we applied F5 load balancing. Simply it cause JavaScript in the web page to fail sometimes. After refresh the web page it will work fine
To trace the issue I compared the response that fail and the one that success after refresh. The difference was the failed one contains html tag that is not added by our application apm_do_not_touch with a script tag inside it
It seems that happen when the F5 switch between one server to another one as the issue solved when we redirect all the traffic to only one server
Any advice, what is the possible cause and how we can solve it?
APM is F5's Access Policy Manager module and is used for VPN, Web Portals, and federated authentication. The apm_do_not_touch tag is part of this product and is used when you want to prevent the APM module from rewriting portions of HTML such as external links.
If you're not accessing the application through a web portal, this should not be applied and you'll need to work with whomever setup the access policy to resolve as the APM policy is being applied to your application possibly erroneously.
Here is more information on the apm_do_not_touch tag. Depending on your version, there was a known issue for #cc_on in F5 BIG-IP version 11.1 who's workaround was to prevent the APM module from rewriting that command. The same workaround may pose a solution for you. Either way, there are additional complexities to your client traffic flow that you will need to engage your network team/BIG-IP administrators with to ensure your application and their policies don't clash.
It could be as simple as removing the APM policy from your application's pathway but your admins will be able to identify if it's required for external access or reverse proxy requirements.

Firebase deploy - Not loading new page

I am deploying a PWA to firebase using the tutorial from the polymer project website. I have no issues deploying to firebase, but if I deploy a second time the new page does not load. It will load the old page until I clear the cookies. I see understand that the way a PWA site works is like an application where it stores parts in memory for faster load times. Is there a setting I need to change to make it load most recently deployed webpage? I appreciate all the help, thanks in advance!
You might be seeing an effect of your service worker. Try deleting the currently registered service worker from your browser so that the new one can take over.
In Chrome 51/52, open DevTools while on your site, and go to the Resources tab, and then Service Workers on the left panel. Click Delete to remove the service worker. You could also check the box for Update on reload, which allows you to update the service worker simply by refreshing the page.

Show Visualforce page in an iframe on asp.net page

Can anyone tell me process of embedding Salesforce Visualforce page on ASP.NET page under an iFrame or through any other way, if you have.
SalesForce doesn't support CORS or JSONP. This is deliberate because they want you to use their stuff:
Connected Apps: for communicating with "headless" applications (web services).
Salesforce Canvas: for embedding external applications within a VisualForce page. I am not sure if this works the other way around. Communication (events) between your SalesForce app and your external app is done via JavaScript XHR proxies. I believe this means you may have to modify your existing app to include their JavaScript library.
Both Connected Apps and Canvas apps require security setup and authentication.
I am still trying to figure this out too. The SalesForce Canvas tutorials use applications hosted on Heroku (they acquired Heroku so they push it whenever they can)... although this makes the examples close-ended, it also adds extra steps.
check this out!
there's something called frontdoor.jsp
https://developer.salesforce.com/blogs/developer-relations/2014/03/see-your-visualforce-pages-on-tv-with-chromecast.html

HTML5 Offline - how to prevent browser from using cached page?

I work on a web application in ASP.NET and HTML5. I have a simple page Default.aspx. In its Page_Load handler I call 'Response.Redirect("xxx.aspx"). I also defined a manifest file, Default.appcache as I want my application to work offline (in such case I javascript methods are used for redirection). Browser cached the page as expected but a problem occured - even though server is online, browser uses the cached page. When user enters Default.aspx no call is sent to server. How can I prevent this behavior? I would like the browser to send a normal request to IIS if it is online and use cached page only when server doesn't respond.
I would be grateful for all suggestions.
You can't, pages in the cache are always served from the cache. The only way to update them is update the manifest and force new versions to be downloaded.
If you want one page to be served when online and a different one when offline then you should investigate the FALLBACK section of the manifest. Note that the page which references the manifest is always cached, so you need to set the fallback up on a different pair of pages.

Resources