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

NestJS Basic Concepts (V10.X)

-
Image
 Main Building Blocks Controller - Handle incoming request Services - Handle business logic Modules - Group together everything Pipes - Validate incoming data Filters - Handle incoming errors Guards - Handle authentication Interceptors - Adding extra data to incoming request or to response Repositories - Handle data stored in DB Nest does not handle HTTP request itself. We need to provide either Express or Fastify for handling HTTP requests. By default, Nest uses Express, Nest main libraries, " @nestjs/common " : Functions, Classes which are mainly use in Nest " @nestjs/core " : " @nestjs/platform-express " : Express adaptor to handle HTTP requests " reflect-metadata " : To use of JavaScript Decorator feature " typescript " : TypeScript tsconfig ,  both decorator lines are important to make nest working properly, { " compilerOptions " : { " module " : " CommonJS " , " target " : ...
Read more

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 ...
Read more

Important Debian commands

-
#  echo "test" | mail -s "test" your@email.com : to check sendmail working # sudo service --status-all # find /etc -name "NAME_OF_FILE" # sudo passwd : to change root password # sudo apt-get autoremove # sudo adduser USER # sudo userdel USER # sudo df -h : to get hard disk usage info # tree : to list down the folder structure. apt-get install tree for installation # sudo netstat -tulpn : to see what services are runing # sudo netstat -tapen | grep ":8000 ": check what port 8000 running # log file reading tail, less, last, lastlog # sudo apt-cache : to get more information about repositories # sudo add-apt-repository : to update your system with unsupported packages. Ex. add-apt-repository ppa:nginx/stable =============== File permission ========================================= permission groups Owner | group | all users Permission types read | write | execute ls -l or ll - to see the file permission granted...
Read more