Mobile application using Ionic

-
This is my first mobile (hybrid) application created using Ionic framework. I am using Mac OS along with the Android Studio/Android SDK to compile and simulate the application. Here are the steps need to follow from the sketch.

First, need to install Ionic and Cordova on your Mac/PC,

npm install -g cordova ionic

 Can check all installed properly using the following commands,

ionic -v AND cordova -v

 Second, need to install and setup Android SDK,

The simple way in install Android Studio and to go,

Tools->Android->SDK Manager

Can see all the available android versions over there. Do check the appropriate version you want and proceed with the installation.

 Then make sure that, android PATH set in the global paths. To do that simply open ~/.bash_profile and add the following lines,

export ANDROID_HOME="Users/<USERNAME>/Library/Android/sdk"
export PATH=${PATH}:/Users/<USERNAME>/Library/Android/sdk/platform-tools:/Users/<USERNAME>/Library/Android/sdk/tools/bin

Then reload the configuration,

source ~./bash_profile

After than, you need to Gradle installed in you system.

First, make sure that JDK/JVM installed,

java --version

 Then, you can download and install gradle from the following link,

https://services.gradle.org/distributions/gradle-4.5-all.zip?_ga=2.172956901.771809966.1517681737-1948008393.1517539234

 I found the above link from https://gradle.org/install/. You can install it manually using the 'Install manually' section. Please use the 'complete' option. After download, you can extract the contents to the location wherever you need. I used the following location,

 /usr/local/gradle-4.5

Then, set the path,

export PATH=/usr/local/gradle-4.5/bin:$PATH

Then reload the configuration,

source ~./bash_profile

Check the version of Gradle,

gradle -v

Now, all good to go with the application implimentation


# Generate project boilerplate with tabs

ionic start <appName> tabs

# Run application

ionic serve

# Create a new module/page

ionic g page <pageName>

# Create a new service/provider

ionic g provider <providerName>


Popular posts from this blog

Kubernetes for Micro Services

-
Image
(Special thanks to Stephen Grider) Cluster - Whole wrapper Node - A virtual machine Pod - Container wrapper. There can be multiple containers inside a Pod Deployment - Monitor set of Pods. If something down, then this will restart them to make sure it is running Service - Provide nice URLs for containers How to create a Pod directly? Create Pod using configuration file - kubectl apply -f posts.yml  Note: This apply use for any type of cluster change Example of posts.yml apiVersion : v1 kind : Pod metadata : name : posts spec : containers : - name : post image : dilumdarshana/posts:0.0.1 Get all pods running - kubectl get pods Delete Pods -  kubectl delete -f posts.yml General important Pod commands: kubectl exec -it <pod name> <command> kubectl logs <pod name> kubectl delete pod <pod name> kubectl describe pod <pod name> How to create Pods via deployment ? kubectl apply -f <deployement.yml> Example of deployment.yml apiVersion : apps/v1
Read more

Laravel 5.3

-
# Create a new project composer create-project --prefer-dist laravel/laravel <project-name> # Check existing version php artisan -V # Make controllers php artisan make:controller ProductController # Make models php artisan make:model <modal name> # Make views # Database Using migration script: - Migration scripts will be stored at 'database/migrations' folder - Can create a blueprint of migration script using,   php artisan make:migration <name of script to identify> --create=<table name>   eg. php artisan make:migration create_table_customer --create=customer - Can get the help using,    php artisan help make:migration - Can run all the migration scripts using,   php artisan migrate - Can rollback current change using,   php artisan migrate:rollback # Seeder - seeding database with test data using seed classes - Create seeding script   php artisan make:seeder <seeder name>   eg. php artisan make:seeder CustomerTable
Read more

Node-RED

-
Image
 Node-RED server can be spine using docker as bellow, - docker run --rm --net tulip-net -it -p 1880:1880 -v myNodeREDdata:/data   --name mynodered nodered/node-red It is important that run on specific network, if you have several docker containers running. Eg. MQTT or Mongo... How to run a MQTT broker, - docker run --rm --net tulip-net -p 8080:8080 -p 1883:1883 --name hivemq hivemq/hivemq4 How to run a Mongodb, docker run --rm --net tulip-net -d -p 27018:27017 --name nodered_mongo -e MONGO_INITDB_ROOT_USERNAME=admin -e MONGO_INITDB_ROOT_PASSWORD=admin mongo Node-RED can be installed new extensions as necessary. Use `Mange Pelette` link for that, dsfasdf
Read more