I have developed a PWA using Quasar framework. I didn't change anything in service-worker or manifest file, just going with defaults.
I have hosted the build on AWS S3 facing a cloud-front distribution.
When I push the updated build on S3 and invalidate the cloud-front distribution cache. The user who opens the website via browser gets an updated version. but users with installed PWA never get the updates unless they open the website again in the browser.
I have planned to update changes every other day. what is the best way that whenever I push change installed PWA gets updated instantly?
Related
I created a project in Flutter Web + Lazy Loading.
After updating project I'm running: Flutter Build Web
Then I put the project in the service of Vercel.
When I access the site I noticed that it is not downloading the new updates and generating blank pages when closing the site and opens again works.
Do I need to define the new version somewhere in the project and run: Flutter Build Web and post again to avoid this problem again?
By accessing the site all files are downloaded again by preventing the cache from undermining the user experience.
I'm using the standard environment of app engine.
I've deployed my app many times in the past, but today, although I've deployed new features App Engine, it serves an old version.
I've deleted all the versions and redeployed the app.
Verified in consol that the source files are the correct ones.
When deploy the (only) default version by its id I see the updated app (gcloud app browse -v VESION_ID), but when I load the app regularly (gcloud app browse) I get an old version that not exists anymore.
If I hard-reload (ctrl+shift+F5) I get another old version (different from the one it serve by default) but when I reload the page again (ctrl+F5) the other old version come back.
Any help would be appreciated to make App engine serve the most updated version.
I have an app that is just for personal use. I can run it from VSCode directly (just run & debug). It saves its data onto its assigned "disk space" on the device. However, when I close the app and restart it (no longer connected to my dev PC), it starts up an old version of the app - obviously the one I last really installed on the device.
The only way I know to have the latest version on the device would be to deinstall it, then install it via devPC. Unfortunately, this deletes the local files of the app.
Is there a way to upgrade the installed version directly from the dev PC? I think it is possible to manually install the newest apk after I built it, but is there a way as easy as "run & debug", with the only difference that the latest version of the app starts when I restart the app?
There are no option to upgrade the app locally from PC. Every time you connect the phone and press Run & Debug, it will rebuild the app again.
In order to persist your data through different app versions, you should consider integrating some simple backend structure to your app.
You can think of creating a database which will provide you data every time you open the app. One easy option you can try is to integrate the Cloud Firestore in your app. You can follow this tutorial here to understand the implementation and feel free to ask if you need any further support.
When I am updating the logo of the PWA app the icon is not getting updated for the previously installed applications. However for newly installed apps I am getting the correct logo.
Did you try updating the new image icon in manifest.json & then showing a prompt to users to refresh the PWA?
You can try to have a look at the documentation for Android APK (from the question is not clear your target device: web or mobile).
Chrome will periodically compare the locally installed manifest against a copy of the manifest fetched from the network. If any of the properties in the manifest required to add the PWA to the home screen have changed in the network copy, Chrome will request an updated WebAPK, reflecting those new values.
This feature is not yet available for desktop, but planned in a future release.
Do you use any framework (Angular, React) to build your PWA? If you want to read more details about how to install an app on the homescreen or the web manifest properties, you can have a look here.
One of the information at https://developer.chrome.com/webstore/get_started_simple states that “5. After you publish your app, whenever you want to change your app's listing or .crx file, use the dashboard to update them. To push an updated .crx file for your app, just increment the version number in the manifest, upload a new ZIP file to the dashboard, and publish the change. People who have already installed your app will automatically get the update.”
As per that, whenever, for a given app, an updated CRX file (i.e., new version of app) is uploaded in the webstore, the client devices where the older version of app was previously installed would get updated (with the new version of app) automatically.
However, I’ve requirement, where the new version of the app shouldn’t get updated automatically - even if the new version of the app is uploaded in the 'webstore'.
Is there a way to accomplish that?