bhavikgarg / pwa-poc

This is a POC to check the functionality of PWAs. Calling android native functionality from angular components and vice versa

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

build Dependency status Dev Dependency status Known Vulnerabilities

angular-pwa-sample

lightouse

This is a PWA sample using Angular CLI.

This sample contains following features.

  • Angular Service Worker
  • App Shell with Angular Universal

Tutorial

  1. Install Angular CLI
$ npm i -g @angular/cli
  1. Create an app
$ ng new my-app --routing --style=scss
$ cd my-app
  1. Add service worker
$ ng add @angular/pwa --project=my-app
  1. Generate App Shell
$ ng g app-shell --client-project=my-app --universal-project=my-app
  1. Run ng run to build the app
$ ng run my-app:app-shell:production

Congratulations ! Your Angular application is built in dist/my-app.

You can see the app by using a static file server.

$ npx node-static ./dist/my-app --spa

About

This is a POC to check the functionality of PWAs. Calling android native functionality from angular components and vice versa


Languages

Language:TypeScript 73.7%Language:HTML 13.3%Language:JavaScript 10.4%Language:CSS 2.6%