Progressive Web App
Publishing a Progressive Web App
Because Sheetbase frontend apps are built with web technologies, they can run just as well as a Progressive Web App as they can a native app. Not sure what PWAs are? Check out Ionic's PWA Overview for more info.
This guide is for frontend apps that based on Angular + Ionic, officially available from Ionic Docs.
Making an App a PWA
The two main requirements of a PWA are a Service Worker and a Web Manifest. While it's possible to add both of these to an app manually, the Angular team has an
@angular/pwa package that can be used to automate this.
@angular/pwa package will automatically add a service worker and a app manifest to the app. To add this package to the app run:
ng add @angular/pwa
Once this package has been added run
npm run build inside the
frontend/ folder and the
www directory will be ready to deploy as a PWA.
By default, the
@angular/pwa package comes with Angular logo for the app icons. Be sure to update the manifest to use the correct app name and also replace the icons.
If an app is being deployed to other channels such as Cordova or Electron, you can remove the
"serviceWorker": true flag from the