» » Ionic framework introduction and How to Build .apk & .ipa for android and mac users

Ionic framework introduction and How to Build .apk & .ipa for android and mac users

Edit

Introduction:

  • It is an open source, designing for hybrid mobile applications.
  • By default framework, automatically generated source code for 3 different type templates no need to worry about code. below are the installation steps to get the automated generated code.
Software Requirements:
  • Install the java
  • Download the node jshttps://nodejs.org/en/ve.
  • To create or develop android$ios application we want this software.
  • Install the atom editor for developing: https://atom.io/ 
  • After installation check the version of node js: npm-version
  • After that install the phone gap to follow the below command open your command prompt run as administrator.     npm install -g PhoneGap
  • After that Install, the Cordova to follow the command: npm install -g Cordova     
  • After that Install, the ionic to follow the command:   npm install -g ionic.  
Environment setup is ready.
To develop android or ios app follow the below steps.
Ionic framework automatically generated source code for 3 different type templates
  • Blank 
  • Side menu 
  • Tab
According to the blank template, in this template, there is no source code provided
Initially, you have to develop the code, build the code and run, test it manually.

Coming to side menu in this template they are providing some side menu tabs with source code. If you want source code please follow the below steps.
  1. Open your command prompt copy the following command: ionic serve your application name side menu 
  2. After enter, the button source will be downloaded from git hub, after download successfully goes to your application path to follow the below command.CD to your application directory. 
  3. To run the application type the following command: ionic serve --lab 
  4. Go-to your application folder.
  5. Open the atom software you previously installed and load your source code and build the application as per your requirement.
Do the same structure for Tab menus also.

How to Build APK for android & ios devices?
  1. To build apk for Android, download the Android SDK zip folder.https://developer.android.com/studio/index.html.
  2. After download extract the folder and go to tools .click on android.bat
  3. After successfully installation go to local disc c go to android folder.
  4. Now you have to set the environment variables.
ANDROID_HOME: your android root folder.
CLASSPATH: your platform-tools folder in the android folder.
Android SDK path setting
Android SDK path setting
Android SDK path setting

After environment set, you have added the platform for your application which is android or mac-ios.
To add platform: ionic platform add android.
To Build the project follow the command: ionic build android.

SUBSCRIBE TO OUR NEWSLETTER

janardhan Randhi

I’m the Founder of quickdevops.com. I am a Professional Blogger, Application developer, YouTuber. I’ve been blogging since 2015.I spend a lot of time learning new techniques and actively help other people learn web development through a variety of help groups and writing web development tutorials for my website and blog about advancements in web design and development.Besides programming I love spending time with friends and family and can often be found together going out catching the latest movie or planning a trip to someplace I've never been before.

0 Response to "Ionic framework introduction and How to Build .apk & .ipa for android and mac users"

Post a Comment

Subscribe to: Post Comments (Atom)