Skip to content

Latest commit

 

History

History
73 lines (40 loc) · 3.02 KB

File metadata and controls

73 lines (40 loc) · 3.02 KB

Beginners Guide to Getting Started with Ionic and Cordova gradle capacitor or cordova there are two ways to create build.

First of all you have to install node.js apache ANT Java JDK & JRE Android SDk & Eclipse

Ionic is an open-source framework used for developing mobile applications. It provides tools and services for building Mobile UI with a native look and feel. The ionic framework needs a native wrapper to be able to run on mobile devices. It is used to develop hybrid applications. For this, you must know HTML, CSS and Javascript with this you must have an idea of angular and Cordova.

Ionic builds the app using the Cordova platform. You can install Cordova and ionic dependencies using node. It is a mobile application framework.

You can start this with:

Creating pages in ionic and navigate it.

Passing data between pages-parents to the child.

Popping pages & go back.

deploying the app in android.

Basic commands you can use to start a new project. These commands will work when you have the ionic framework installed in your system.

Creating an Apache Cordova app with Angular-

You can make a mobile application from a website using Cordova. You can make a mobile application for both ios and Android platforms. It is a platform for building hybrid mobile applications using HTML, CSS and JavaScript. To make the app your website must be fully responsive then you can build a cross-platform mobile application. It has a very good feature it's CLI easily bootstrap a new project and manage extensions.

There are multiple options to make mobile app like angular ionic framework, Native script, PhoneGap, Appcelerator, react-native. But Apache Cordova is better because it needs a basic set up and it copies the entire code at once with minimal config changes.

These are the steps you have to follow to make a mobile app-

To install the Apache Cordova library in your System using node.

npm install -g cordova 

To create a new project-

cordova create hello com.example.hello HelloWorld

Add the platform for which you want to make app like ios, android, windows.

Load project in android studio>Cordova platform add android

Go to WWW folder in Assets and put all dist files here that you generated by building your app.

change base href="/" to base href="./"

Build apk by using the command

Cordova build

Now you can install this app on your phone.

For more info, you can check the official website

https://cordova.apache.org/

To upload app on playstore

https://play.google.com/console/u/0/signup

https://www.instagram.com/p/B5z7ik-AwLn/?utm_source=ig_embed&utm_campaign=loading

    http://ionicframework.com/docs/                                                                                            

    http://ionicframework.com/docs/intro/deploying/                                                                                            

https://cordova.apache.org/docs/en/latest/guide/platforms/android

https://cordova.apache.org/do