செய்திகள்

PWAs with Ionic

Progressive Web Apps are emerging trend. Steps of creating PWA given below.

PWAs with Ionic 1
  • First, go into src/index.html and to enables the service worker un-comment following script which is commented there already.
PWAs with Ionic 2
  • if you’re going to create PWA only and not a cordova app comment it out inside index.html
PWAs with Ionic 3 
And go inside app.components.ts, and remove the platform and plugin calls.
PWAs with Ionic 4
           And also go inside app.module.ts and remove statusbar and splash screen plugins.
  • This is the standard web manifest that comes with the app (manifest.json). Let’s go through each option:
PWAs with Ionic 5
  • Add the logo for your application in following path  
  • now its ready to deploy, for deploy run the following command
PWAs with Ionic 6
  • Once it is finished you can upload your www directory whichever hosing service.

Back to top button