4

How do we add this kind of functionality i.e your website or webapp can be added to you phones homescreen

Comments
  • 2
    Look up progressive web app and you'll find how to make a manifest, favicon, service worker etc.
  • 0
  • 0
    Did this kind of thing a month ago for one of our web apps. It's pretty darn cool.
  • 0
    @BobbyTables yeah just checked it and it's cool
  • 2
    manifest.json rocks.
  • 4
    You dont, unless you want users to immediately close your site
  • 1
    @yellow-dog it's not a "GIVE NOTIFICATION TO ME OR NO DOWNLOAD" style popup. User can still use the site even if they didn't or did install it.
  • 2
    Well don't forget that your newly added homescreen app is framed around Google Chrome and when no network... Users can surprisingly surf other non-related sites from "your app" (Free advertising).
  • 0
    First time I've seen that, I wondered how to disable this functionality from the browser (with flags).
    PWA's are creating shortcuts. It uses browser's rendering engine.
  • 0
    Every Lecture given by Google about the features of PWAs pretty much says to disable the defaults and create your own.

    (E.g, Only showing Add To Homescreen if users are at a certain stage in your app to be invested)
  • 4
    @GiddyNaya That's not how a proper PWA should work. Going offline in a properly written PWA will act as normal with less functionality as it is now dependent on the service workers.
  • 0
    @ziost shortcuts on desktops, wrapper apks in mobile. You can install a pwa and remove all browsers on a phone and the pwa will still work with a chromium environment.
  • 0
    @odite Service workers can work "only when loaded and ready", your scenario is assuming the app was online before the user went offline but PWA or no PWA if the app link which is about to be loaded failed due to failure to connect to the internet, In the above case the browser does the error handling because at this point no service worker is available to do nothing.
Add Comment