How to configure PWA(Progressive Web Application)?


Answer:

  • SSL certificate is required for PWA.
  • For changing pwa app icon, color theme, name follow below instruction

  • Go to \public\web-assets\img\icons folder in your installation.
  • Replace all files(icons & splash images) with your icons, splash images keeping the same resolution, name & extension.
  • N.B. Chrome uses a  huge cache for these icons. If you change these icons it won’t reflect on the customer installed app. So before customers browsing your site replace those icons, splash images.
  • Open manifest.json file in the root of your installation folder. 

  • "name": "The Shop"
  • "short_name": "The Shop"
  • "theme_color": "#F5A100"
  • "background_color": "#ffffff"
  • Change those bold marked content with your app name & color theme

  • Open pwa.blade.php in \resources\views\frontend\inc folder of your installation and change

  • <meta name="theme-color" content="#F5A100"> 
  • <meta name="application-name" content="The Shop">
  • <meta name="apple-mobile-web-app-title" content="The Shop">
  • Change those bold marked content with your app name & color theme

×