progressive-web-apps

How to maintain login status in a PWA initially loaded via Safari 14/iOS 14?

时光总嘲笑我的痴心妄想 提交于 2020-07-07 15:11:47
问题 Our requirement is to have our users login to an app via a URL and, having added the app to their homescreen as a PWA, maintain that logged-in status, so that a second login to the installed PWA is not required . This is certainly possible under Android/Chrome where the logged-in status can be initially stored and accessed by the PWA via a variety of mechanisms (including cookie, IndexedDB, cache). However, it now appears to us that a PWA under iOS 14/iPadOS 14 is tightly sandboxed and Safari

How to maintain login status in a PWA initially loaded via Safari 14/iOS 14?

橙三吉。 提交于 2020-07-07 15:11:42
问题 Our requirement is to have our users login to an app via a URL and, having added the app to their homescreen as a PWA, maintain that logged-in status, so that a second login to the installed PWA is not required . This is certainly possible under Android/Chrome where the logged-in status can be initially stored and accessed by the PWA via a variety of mechanisms (including cookie, IndexedDB, cache). However, it now appears to us that a PWA under iOS 14/iPadOS 14 is tightly sandboxed and Safari

Vue Cli 3 project won't generate manifest.json (PWA)

|▌冷眼眸甩不掉的悲伤 提交于 2020-06-27 08:47:25
问题 I have a Vue Cli 3 project with @vue/cli-plugin-pwa plugin installed and configured (in vue.config.js ), but when I run vue-cli-service build --modern no manifest.json is generated based on my config. I'm expecting to see a manifest.json that would contain, at the very least, the paths of the icons I specified. Maybe also the settings that I put in the vue.config.js . Am I doing something wrong or maybe my expectation of how the plugin should work doesn't match the actual behavior? How am I

The display: “standalone” PWA does not remove address bar

|▌冷眼眸甩不掉的悲伤 提交于 2020-06-17 02:39:05
问题 I made a PWA app, with "display": "standalone" in the manifest. My understanding is that my app should launch locally without the address bar. However, there is an address bar. What am I doing wrong? I am running Chrome 70. The problem happens on OSX and Linux. I did not check Windows. My app is hosted at https://www.themendapp.com. Please advise. 回答1: PWA app shows the address bar when you try to navigate the pages outside of scope . Otherwise it will hide the address bar and show the page

What is the purpose of SwUpdate.activateUpdate() in Angular?

孤街醉人 提交于 2020-06-15 05:09:25
问题 Angular documentation provides following example to activate an SW update: constructor(updates: SwUpdate) { updates.available.subscribe(event => { if (promptUser(event)) { updates.activateUpdate().then(() => document.location.reload()); } }); } From what I observe, the call itself is not sufficient to activate new version, reload is necessary. However document.location.reload() is sufficient even without activateUpdate() call. What is the purpose of activateUpdate() call? Why call it at all

PWA: Address bar showing up when redirectioning to subdomains

旧巷老猫 提交于 2020-06-13 06:20:10
问题 I have a PWA that uses subdomains sometimes. The problem that I found happens when app redirects to another subdomain: Address bar shows up. This affects app-like experience. Someone knows a solution to hide address bar when using subdomains? 回答1: I also faced a similar issue when redirecting to subdomains. The address bar normally shows up when the PWA is not correctly set-up to behave like an app. In my case, the manifest.json was not loading properly after redirecting. This link may also

PWA: Address bar showing up when redirectioning to subdomains

瘦欲@ 提交于 2020-06-13 06:20:06
问题 I have a PWA that uses subdomains sometimes. The problem that I found happens when app redirects to another subdomain: Address bar shows up. This affects app-like experience. Someone knows a solution to hide address bar when using subdomains? 回答1: I also faced a similar issue when redirecting to subdomains. The address bar normally shows up when the PWA is not correctly set-up to behave like an app. In my case, the manifest.json was not loading properly after redirecting. This link may also

How to run service worker locally with Angular

…衆ロ難τιáo~ 提交于 2020-06-12 09:02:46
问题 I am following angular's best practice in order to make PWA. After making production build ( ng build --prod --aot ), I am also running the service worker from dist, on localhost : http-server -p 8080 -c-1 dist When I am trying to sync the worker with my Angular, using: navigator.serviceWorker.ready.then(function(swRegistration) { console.log('swReady'); }); Nothing happens, and seems that SW is not communicating with Angular. Working with a remote server (uploading dist) does work. So seems

When and how does a PWA update itself?

孤街浪徒 提交于 2020-06-09 08:20:46
问题 As far as I know, once you click "add to homescreen" on a PWA's website, the browser generates an .apk using the provided manifest file and sources and installs it like a normal app. I noticed that when I update the website, the app also displays the updated content which suggests that the app is just a wrapper for accessing the website. I also noticed that the update to a website is not displayed instantly, I assume this is due to internal caching. My question is, are my assumptions correct?

How to send Push notification to iOS WebApp (PWA)?

爱⌒轻易说出口 提交于 2020-05-31 05:41:07
问题 i have wordpress website and create own PWA based on wordpress. now i want to use push notification on my web app! how can send push notification to my ios users? [resolved in android pwa] 回答1: Unfortunately, push notifications are not yet available on IOS. Right now, Safari only supports push notification on Mac. If you want push notifications on IOS, you have to develop native app. 回答2: There is a workaround,the Wise Notifications plugin It takes 5 min to setup and the website visitors can