amahrouchi / angular-electron-cordova

Run the starter Angular app in a browser, with ElectronJS and with Cordova/Android

Angular Electron Cordova

Electron integration

Source

Regarding the ElectronJS integration, this repo is greatly inspired by:

• https://github.com/maximegris/angular-electron

I just wanted to take it from the start (a fresh Angular app) to understand what the angular-electron repo really does technically speaking.

Cordova integration

Source

Regarding Cordova, I used this article:

• https://medium.com/@neridonk/create-a-mobile-app-in-angular-and-run-it-on-your-android-phone-with-cordova-5fe8a8adb598

Requirements

Install:

• Node and NPM
• Cordova (via NPM and globally)
• openjdk-8-jdk (via apt)
  • Remove all existing Java versions first
• Gradle (via apt)
• Android Studio (via the JetBrains Toolbox)

Add to your .bashrc file

• export JAVA_HOME="/usr/lib/jvm/java-8-openjdk-amd64"
• export ANDROID_SDK_ROOT="$HOME/Android/Sdk"

Inside Android Studio

Open the IDE settings and go to: Appearance & Behavior -> System settings -> Android SDK and add the API level 29

Inside the Angular project

• Run cordova create cordova
• Run cd cordova
• Run cordova platform add android
• Run cordova platform add ios (if needed)

Build and run

To build and run the project, execute the following command :

• npm run start:android

Other

Install :

• adb : Android Debug Bridge. To manage plugged Android devices.
• Run sudo usermod -aG plugdev $LOGNAME to add your user to the pludev group to allow yourself to plug and manage android devices.
• apt-get install android-sdk-platform-tools-common

View also: https://developer.android.com/studio/run/device