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 http-server ./dist/client -p 4000 -S -K tools/ssh/server.key -C tools/ssh/server.crt

# open onesignal https webpage
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors --user-data-dir=dist/chromeTemp

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

Supported

Development environment support

• OSX 10.x
• node v12

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