Skip to content

Manage multiples WebView with Angular and Electron

License

Notifications You must be signed in to change notification settings

JhonatanMedeiros/webview-angular-electron

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WebView Angular Electron


WebView Angular Electron

🖥 Introduction

The WebView Angular Electron is a Desktop Application, to manage multiples webview

WebView Angular Electron with Angular 9 and Electron 8 (Typescript + SASS + Hot Reload) for Desktop applications.

Currently, runs with:

Angular v9.1.4 Electron v8.2.5 Electron Builder v22.6.0 With this sample, you can :

Run your app in a local development environment with Electron & Hot reload Run your app in a production environment Package your app into an executable file for Linux, Windows & Mac /!\ Hot reload only pertains to the renderer process. The main electron process is not able to be hot reloaded, only restarted.

/!\ Angular 9.x CLI needs Node 10.13 or later to works correctly.

The project use boilerplate from https://github.com/maximegris/angular-electron/

⌨️ Development

Clone Code

git clone [email protected]:JhonatanMedeiros/webview-angular-electron.git

Install Dependencies

npm install

If you like Yarn, you can also use yarn to install dependencies.

Development

npm run start

After run the command, the application open in new window.

npm run run ng:serve:web

Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build Release

Command Description
npm run build Build the app.
npm run build:prod Build the app with Angular aot.
npm run electron:local Builds your application and start electron
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 Mac

After building, the application will be found in the dist directory.

🛠 Technology Stack

🤝 Contribute

If you are interested in participating joint development, PR and Forks are welcome! Read up on our guidelines for contributing.

📜 License

MIT Copyright (c) 2020 - Jhonatan Hardt de Medeiros