Desktop application (Electron and Angular 4+) for send and receive push notification with WebSockets.

Currently runs with:

• Angular v4.3.5
• Angular-CLI v1.4.1
• Electron v1.7.6
• Electron Packager v9.0.1

Clone this repository locally :

git clone https://github.com/itorK/push-desktop-app

Install dependencies with npm :

npm install

There is an issue with yarn and node_modules that are only used in electron on the backend when the application is built by the packager. Please use npm as dependencies manager.

If you want to generate Angular components with Angular-cli , you MUST install @angular/cli in npm global context.
Please follow Angular-cli documentation if you had installed a previous version of angular-cli.

npm install -g @angular/cli

##configuration

Change property NOTIF_URL at file websocket.service.ts to make communications with Websockets between server and this app.

• in a terminal window -> npm start
• in another terminal window -> npm run electron:serve

Voila! You can use your Angular + Electron app in a local development environment with hot reload !

The application code is managed by main.ts. In this sample, the app runs with a simple Electron window and "Developer Tools" is open.
The Angular component contains an example of Electron and NodeJS native lib import. See Use NodeJS Native libraries charpter if you want to import other native libraries in your project.
You can desactivate "Developer Tools" by commenting win.webContents.openDevTools(); in main.ts.

• Using development variables (environments/index.ts) : npm run electron:dev
• Using production variables (environments/index.prod.ts) : npm run electron:prod

Your built files are in the /dist folder.

Notice that all NodeJS v7 native libs are already added in this sample. Feel free to remove those you don't need.

Maybe you want to execute the application in the browser (WITHOUT HOT RELOAD ACTUALLY...) ? You can do it with npm run start:web.
Note that you can't use Electron or NodeJS native libraries in this case. Please check providers/electron.service.ts to watch how conditional import of electron/Native libraries is done.

Karol Przybylski