Public | Automated Build

Last pushed: 5 months ago
Short Description
Dockerized ionic 3 framework based on Ubuntu 16.04, Node 6.10.3, NPM 5.0.1, and Cordova 7.0.0
Full Description

Dockerized Ionic 3 Framework

After going through this tutorial, you can follow the ionic tutorial (except for the ios part...) without having to install ionic nor cordova nor nodejs on your computer.

 

Starting a Project with this Framework

 

Using 'docker run'

To start a container:

$ docker run -it --rm \
  -p 8100:8100 \
  -p 35729:35729 \
  -v /path/to/your/ionic-project/:/myApp:z \
   pam79/ionic-framework

 
To speed up things, let's create an alias:

-- First open your '.bashrc' file.

$ vim ~/.bashrc

 
-- Add the following at the bottom of the file and save it.

alias ionic="docker run -ti --rm -p 8100:8100 -p 35729:35729 --privileged -v /dev/bus/usb:/dev/bus/usb -v ~/.gradle:/root/.gradle -v \$PWD:/myApp:rw pam79/ionic-3-framework ionic"

 
-- Source the file to reload changes

$ source ~/.bashrc

 
-- Finally use the alias to create new projects:

$ ionic start myApp tabs
$ cd myApp
$ ionic lab

 
To preview your app while you code, visit any of the following links in your web browser:

http://localhost:8100
http://localhost:8100/ionic-lab
http://localhost:35729

Your docker host ip address can also be used in place of localhost

 
To use the alias to test your app on your android device, just make sure that debugging is enabled

$ cd myApp
$ ionic platform add android
$ ionic build android
$ ionic run android

 

Using 'docker-compose.yml' file

Let’s start by making a local directory for gradle, so you don’t have to install it each time you run your ionic docker container

$ mkdir ~/.gradle

 
Create compose file in your project root

$ mkdir -p Projects/my-app
$ cd Projects/my-app
$ sudo vim docker-compose.yml

 
Add the following content to it:

version: '2.1'

services:

  my-app:
    image: pam79/ionic-3-framework
    container_name: my-app
    privileged: true
    volumes:
      - ./:/myApp:z
      - ~/.gradle:/root/.gradle
      - /dev/bus/usb:/dev/bus/usb
    tty: true
    stdin_open: true

 
Initialise a new ionic project in your Projects directory

$ docker-compose run --rm my-app ionic start my-app blank

 
Move the contents of the installation directory to the parent working directory and remove the folder now because it's empty

$ sudo mv my-app/{.,}* . && sudo rm -r my-app

 
Run the project in detached mode with the -d flag

$ docker-compose up -d

 
To preview your app while you code, visit any of the following links in your web browser:

http://localhost:8100
http://localhost:8100/ionic-lab
http://localhost:35729 <--------live-reload--------:

Your docker host ip address can also be used in place of localhost

 
Publish your App when done coding

$ docker-compose run my-app ionic build android --release

 
If you haven’t already done this, you’ll need to create a private key. You’ll only need to do this one time.

$ keytool -genkey -v \
  -keystore my-release-key.keystore \
  -alias alias_name \
  -keyalg RSA \
  -keysize 2048 \
  -validity 10000

 
Sign the apk with Jarsigner

$ docker-compose run my-app jarsigner \
  -verbose \
  -sigalg SHA1withRSA \
  -digestalg SHA1 \
  -keystore my-release-key.keystore \
  platforms/android/build/outputs/apk/android-release-unsigned.apk alias_name

 
Now we need to run Zipalign

In this example we’re creating our 2.1.4 release (android-2.1.4-release.apk). In yours, you’ll replace the output at the end with the name of your own release.

$ docker-compose run my-app \
  /opt/android-sdk-linux/build-tools/23.0.2/zipalign -v 4 \
  /myApp/platforms/android/build/outputs/apk/android-release-unsigned.apk \
  /myApp/platforms/android/build/outputs/apk/android-2.1.4-release.apk

 
Now you can upload the APK android-2.1.4-release.apk to the Google Play store and start getting downloads:

 

Coming Up Next

Support for android emulation with X11 forwarding

 
-- With docker run via ionic alias

$ ionic platform emulate android

 
-- With docker-ompose

$ docker-compose run my-app ionic platform emulate android

Docker Pull Command
Owner
pam79
Source Repository

Comments (0)