NgxOnesignal

Angular OneSignal

used

1. Sign Up OneSignal

make Custom Code APP and get appId.

2. run angular cli + add

npx @angular/cli will be replaced by the ng command if the angular cli is installed

# generate angular project
npx @angular/cli new [project name]

# cahnge directory
cd [project name]

# add pwa
npx @angular/cli add @angular/pwa

# add onesignal
npx @angular/cli add ngx-onesignal --appId=[your onesignal appId]

3. custmize angular app

see sample code

4. build and run

# build production
npx ng build --prod

# npm run server
npx light-server -s ./dist/client -p 4000 --historyindex /index.html

5. add Universal

# add universal
npx @angular/cli add @nguniversal/express-engine --clientProject [project name]

# build universal
npm run build:ssr

# run server ( http://localhost:4000 )
npm run serve:ssr

Development environment support

• OSX 10.x
• node v10

Tasks

• [x] format (prettier)
• [x] npm publish
• [x] ng_add
  • [x] add NgxOneSignalModule to root module
  • [x] add OneSignalSDKWorkers file
  • [x] add OneSignalSDKWorkers to angular.json
  • [x] replace ServiceWorkerModule.register file
• [x] sandbox test
• [ ] unit testing
• [ ] e2e testing
  • [ ] cypress
• [x] universal
• [x] nrwl/nx workspace support
• [x] ci/cd