Really good info. well presented. Quick question - what is difference between generating APK for android app installation using capacitor v/s creating icon on mobile device using this approach ?
I am trying this in my angular application. 1st application works fine with these. But doing the same in 2nd application with http-server, still points to the 1st application. Any idea how to fix this?
because u cant send any data to the server without an internet connection, you would have to store the data locally and sync it once u have an internet connection again
Hello, great video. While following the code with you, I can't see the dist/angularpwayt folder after building. It's just dist folder and I am running that in the integrated terminal and it's all working fine but when I go to application in the console the service worker tab is showing nothing and on getting offline as well I am getting the error. Is there anything I have missed?
its not a big deal just make sure you are pointing to the folder containing your build files thats the most important part, your dist folder files are your compiled app so the files in there are what matter not the path, that can always change, i hope that helps! and your welcome! :)
@@IsraelQuiroz thanks for the reply. I have done the same, but just one thing I am not able to get is why in the Application tab of inspect I am not seeing anything in the service workers. It's just emply.
Hi Israel! Thanks for the video. If anyone had the same bug as me, here's the solution: I tried installing PWA but I ran into a bug that says "NOT SUPPORTED: keyword "id", use "$id" for schema ID". So, I updated angular to the latest version as he said and also updated pwa to the latest version, using npm install @angular/pwa@latest and it worked for me. ps: I tried just updating angular and installing pwa again like he said in the video, but it was not enough (they said I already had pwa installed even though I didn't have any of these files he mentioned), so I had to force pwa to the latest version.
Your Welcome Luanam1296! :) and thank u so much for the thorough explanation of the bug and how u fixed it! i hope if someone else runs into that issue they can fix it with your help!
![Introduction to PWAs [1 of 17] | PWA for Beginners](http://i.ytimg.com/vi/BByUknfLTuA/mqdefault.jpg)
Really good info. well presented. Quick question - what is difference between generating APK for android app installation using capacitor v/s creating icon on mobile device using this approach ?
Since Angular Cli 14.2, you can run a PWA app with ng serve.
Excellent explanation, thank you! Great video!
Your welcome I appreciate it!
Great video !!
Your Welcome!! :)
AND THANK YOU FOR BEING A SUB FOR 11 MONTHS! Crazy its been that long, I appreciate you!
I am trying this in my angular application.
1st application works fine with these. But doing the same in 2nd application with http-server, still points to the 1st application. Any idea how to fix this?
Can you make a video on how to notify users of recent updates on the pwa app?
I will make a note of it!
@@IsraelQuiroz great!
it just work with get request only ? iam try to set to post requests not work why?
because u cant send any data to the server without an internet connection, you would have to store the data locally and sync it once u have an internet connection again
@@cozyuh Please I have ionic storage for storing offline changes. How do I sync the changes using a service worker?
Hello, great video. While following the code with you, I can't see the dist/angularpwayt folder after building. It's just dist folder and I am running that in the integrated terminal and it's all working fine but when I go to application in the console the service worker tab is showing nothing and on getting offline as well I am getting the error. Is there anything I have missed?
its not a big deal just make sure you are pointing to the folder containing your build files thats the most important part, your dist folder files are your compiled app so the files in there are what matter not the path, that can always change, i hope that helps! and your welcome! :)
@@IsraelQuiroz thanks for the reply. I have done the same, but just one thing I am not able to get is why in the Application tab of inspect I am not seeing anything in the service workers. It's just emply.
@@WisdomReview19got it fixed?
@@WisdomReview19 Facing the same issue, did you figure out what was the issue?
You will get two links. Go to the secure link. After this you can check your service worker tab.
Hi Israel! Thanks for the video. If anyone had the same bug as me, here's the solution: I tried installing PWA but I ran into a bug that says "NOT SUPPORTED: keyword "id", use "$id" for schema ID". So, I updated angular to the latest version as he said and also updated pwa to the latest version, using npm install @angular/pwa@latest and it worked for me.
ps: I tried just updating angular and installing pwa again like he said in the video, but it was not enough (they said I already had pwa installed even though I didn't have any of these files he mentioned), so I had to force pwa to the latest version.
Your Welcome Luanam1296! :)
and thank u so much for the thorough explanation of the bug and how u fixed it! i hope if someone else runs into that issue they can fix it with your help!