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.
Command | Description |
---|---|
npm run start:web |
Execute the app in the brower |
npm run electron:linux |
Builds your application and creates an app consumable on linux system |
npm run electron:windows |
On a Windows OS, builds your application and creates an app consumable in windows 32/64 bit systems |
npm run electron:mac |
On a MAC OS, builds your application and generates a .app file of your application that can be run on Ma |
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 |