kandi X-RAY | progressive-web-apps Summary
kandi X-RAY | progressive-web-apps Summary
progressive-web-apps
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of progressive-web-apps
progressive-web-apps Key Features
progressive-web-apps Examples and Code Snippets
Community Discussions
Trending Discussions on progressive-web-apps
QUESTION
I'm building a ReactJs PWA but I'm having trouble detecting updates on iOS.
On Android everything is working great so I'm wondering if all of this is related to iOS support for PWAs or if my implementation of the service worker is not good.
Here's what I've done so far:
Build process and hosting
My app is built using webpack and hosted on AWS. Most of the files (js/css) are built with some hash in their name, generated from their content. For those which aren't (app manifest, index.html, sw.js), I made sure that AWS serves them with some Cache-Control headers preventing any cache. Everything is served over https.
Service Worker
I kept this one as simple as possible : I didn't add any cache rules except precache for my app-shell:
...ANSWER
Answered 2019-Apr-10 at 11:59So after a lot of digging and investigation, I finally found out what was my problem.
From what I was able to observe, I think there is a little difference in the way Android and iOS handle PWAs lifecycle, as well as service workers.
On Android, when starting the app after a reboot, it looks like starting the app and searching an update of the service worker (thanks to the hard navigation occuring when reloading the page) are 2 tasks done in parallel. By doing that, the app have enough time to subscribe to the already existing service worker and define a onupdatefound()
handler before the new version of the service worker is found.
On the other hand with iOS, it seems that when you start the app after a reboot of the device (or after not using it for a long period, see Medium article linked in the main topic), iOS triggers the search for an update before starting your app. And if an update is found, it will be installed and and enter its 'waiting' status before the app is actually started. This is probably what happens when the splashscreen is displayed...
So in the end, when your app finally starts and you subscribe to the already existing service worker to define your onupdatefound()
handler, the update has already been installed and is waiting to take control of the clients.
So here is my final code to register the service worker :
QUESTION
I uploaded a Trusted Web Activity app to Google Play Console. The app was perfectly made according to Googles own guidelines and it did not break any policies. I used Google Play App Signing and Digital Asset Links to verify the connection between the app and my PWA website. This is Googles suggested way of handling things.
My app got suspended. Google told me this:
It's a violation of the Webviews and Affiliate Spam policy to publish an app where the primary purpose of the app is to provide a webview of a website without permission from the website owner or administrator. If you are the site creator/content owner, please reply with verifiable documentation.
I told them that my app was indeed a Trusted Web Activity and that I used Digital Asset Links to verify domain ownership. This is what Google themselves has to say about this method:
Content in a Trusted Web Activity is trusted -- the app and the site it opens are expected to come from the same developer. This is verified using Digital Asset Links.
I was clearly doing the right thing, but this guy didn't seem to be on the same page as the TWA-department at Google. This is what he wrote back:
Currently our team is only able to handle issues related to the Google Play Developer Program Policies. In order for me to process your appeal, please still provide verifiable document to prove the domain ownership.
The bottom line is: Google does not recognize their own way of verifying a Trusted Web Activity using Digital Asset Links, even though Google themselves have developed this technology and is working hard to brand it as their new and awesome way to get your Progressive Web App into Google Play Store. I was forced to provide them with additional information, such as a domain invoice.
I have several others TWA apps that I wish to publish to Play Store. I don't want them to get suspended as well. Does anyone have any experience on how to handle this situation?
Note: I made sure that my Digital Asset Link was working properly before uploading the app to Play Store. The app did not have an address bar.
...Trusted Web Activities are a new way to integrate your web-app content such as your PWA with your Android app using a protocol based on Custom Tabs.
ANSWER
Answered 2020-Jan-19 at 06:19Google approved my TWA after I provided them with verifiable documentation (such as a domain invoice). My app was therefore working perfectly according to their guidelines, but they did not recognize their own way of verifying a Trusted Web Activity using Digital Asset Links, as described above.
Sad news. Hopefully they will educate their staff in the near future. Feel free to update us on this.
I suggest you do this in the meantime:
In the future, if you have proof of permission to use a 3rd party's intellectual property, you can submit it to our team in advance using this form. The link can also be found on your Store Listing page in the Full description section.
QUESTION
I have a PWA that is cross-platform but am running into some issues on iOS 11.3+.
When a user executes "Add to Homescreen" I would like to KEEP the menu bar (refresh, back, forward buttons). i.e. I don't want full-screen mode because I don't want to have to create my own refresh and back buttons.
I've followed the advice at https://medium.com/@firt/dont-use-ios-web-app-meta-tag-irresponsibly-in-your-progressive-web-apps-85d70f4438cb . Most other articles I've found are significantly out-of-date on the subject.
I've removed the "apple-mobile-web-app-capable" meta tag but it doesn't work. I've also tried setting the value to "no".
...ANSWER
Answered 2018-May-23 at 03:03Just remove the meta tag itself:
Make sure you also are removing the apple-mobile-web-app-status-bar-style meta tag also otherwise it may be thinking that you want it in full-screen mode by stating you want the status bar.
If you are still having problems after this and clearing all your history and cache, check out Apple’s article on PWAs and try to remove the extra meta tags that are inserted in your website.
QUESTION
I have an Angular 8 app, and I ran this command to try to set up PWA functionality:
...ANSWER
Answered 2020-Mar-22 at 22:25Like I noted in the question, in order to get Amplify to work with Angular, I had to add a redirect like this:
Source Address
QUESTION
In progressive web application (PWA), it is said to make a web app fully PWA-compliant, I need to have a manifest file.
(1) But what happens if my web app registers a service worker but I didn't define a manifest file? Any typical examples?
(2) Is it correct that service worker is a technique used in PWA, but is not necessarily exclusive to PWAs (i.e. non-PWA web apps could have service workers as well)?
...ANSWER
Answered 2018-Nov-17 at 22:50PWAs are Progressive Web Apps which means you progressively enhance your site with the features you need.
- If you want your site to be installable you'll need a web manifest.
- If you want your site to cache resources on the device or work offline you'll need a service worker.
Those pieces work independently but complementary and you can pick and choose them at your whim.
QUESTION
I have a problem to insert html into document using javascript.
Code that trying to insert html into document:
...ANSWER
Answered 2017-Jul-26 at 16:26QUESTION
I have tried to follow the instructions in and created a new project "Windows Application Packaging Project" (see here https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps/windows-features#set-up-and-run-your-universal-windows-app) but I run into an issue on step 2. After creating the project in the Application Tab I do not see "Start Page" text entry, instead I see "Entry Point". Any ideas?
...ANSWER
Answered 2019-Mar-25 at 06:52I do not see "Start Page" text entry
Please check this document step 3,
Under the JavaScript > Windows Universal category, select Windows Application Packaging Project. If you're using a previous version of Visual Studio, you can find the equivalent template under Hosted Web App (Universal Windows) or Progressive Web App (Universal Windows).
You need select uwp template under Javascript directory.
QUESTION
I'm developing a progressive web application (PWA) that will eventually send notifications to users.
I already know I'm able to send push notifications (like any regular app), as explained in the following blog post: https://developers.google.com/web/fundamentals/getting-started/codelabs/push-notifications/?hl=en-us.
I also know that I can add a PWA to the home screen, by creating a simple manifest file (https://developers.google.com/web/updates/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android).
However, after having the app in home screen, I would like to add a "hint" to user, letting him know that he has to access the application. A great way to do that is doing something like a "badge notification" (as showed in Facebook icon on the image below).
Is it possible to add this kind of behavior using progressive web applications?
Update - December, 15th, 2018Google recently launched a post explaining about the so called "Badging for App Icons", which is pretty exciting:
https://developers.google.com/web/updates/2018/12/badging-api
Update - September, 28th, 2018 Relevant Links:- https://bugs.chromium.org/p/chromium/issues/detail?id=719176&desc=2
- https://bugs.chromium.org/p/chromium/issues/detail?id=685159
- https://github.com/mgiuca/badging/blob/master/explainer.md
- https://docs.google.com/document/d/1AmX53h-gk8wN7LPMi_Mq7fsIMgsMKRD6zKa1Ymxxvvc/edit#
As Josh Lee pointed out in Is there a way to add badge notifications using progressive web apps (PWA)?, there are some discussions about the subject on the chromium team.
Looking at the discussion:
FYI, the notification indicators are being pushed to M-71.
and
Thanks for the heads up. That's fine for us because while we hope to have this testable behind a flag in M70, there's no way we'll be launching the API before (at least) M71.
So, maybe, at least for now, it seems that it's not possible to add badge notifications for PWAs, but maybe in the future we'll be able to do that.
...ANSWER
Answered 2017-Jul-28 at 20:54It is currently not possible to do this with PWAs. Although if developers like the feature I expect it will at some point.
QUESTION
Is Payment requests API built to work as part of PWA only, or can be used in regular web sites as well?
...ANSWER
Answered 2019-Mar-10 at 21:49A website becomes a PWA when it uses the PWA APIs. There's no strict technical definition of what a PWA is. It's fair to assume your website needs three things to qualify for being a PWA: you need to be running under HTTPS, you need a Web App Manifest and you need a Service Worker. The Payment requests API requires HTTPS, but that's the only matching requirement here.
So basically: no, you don't need to have a PWA to use the Payment requests API, but your website will become more PWA-like when you use it.
QUESTION
I followed the beginner article for building Ionic PWAs: https://www.joshmorony.com/the-bare-necessities-progressive-web-apps-in-ionic/
At what point should I see the "add to homescreen" option? I hosted the contents of the www folder on a development server with an SSL connection and domain name. The app works great, but I don't get presented with the homescreen option.
When setting the option for "display":"fullscreen" in the manifest.json, shouldn't the browser address bar disappear when accessing the web url of the hosted application?
Thank you in advance!
...ANSWER
Answered 2018-Apr-26 at 00:21Okay, I got this working.
- Make sure your on https and have a valid ssl cert
- If your app is in a sub-directory, you need to add a scope parameter to your manifest (this is why mine wasn't triggering) and you need to start_url parameter should reflect that as well
Test te app in browser first: https://developers.google.com/web/fundamentals/app-install-banners/
Let me know how that goes!
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install progressive-web-apps
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page