how to develop a hybrid mobile app?

7

Click here to load reader

Upload: root-info-solutions

Post on 16-Apr-2017

62 views

Category:

Services


3 download

TRANSCRIPT

Page 1: How to Develop a Hybrid Mobile App?

How to Develop a PhoneGap App?

Page 2: How to Develop a Hybrid Mobile App?

Installing the Cordova CLIStep 1: Download and install Node.js.

(Optional) Download and install a git client, if you don't already have one.Once the installation finishes, invoke git on your command line.

Install the cordova module (Take help of npm utility of Node.js).

OS X and Linux

$ sudo npm install -g cordova

Prefixing the npm command with sudo may be necessary to install this development utility in otherwise restricted directories such as /usr/local/share.

on Windows

C:\>npm install -g cordova

The -g flag above tells npm to install cordova globally. Otherwise it will be installed in the node_modules subdirectory of the current working directory.

(d) Run cordova on the command line.

Page 3: How to Develop a Hybrid Mobile App?

Step 2: Create the App

Go to the directory where you maintain your source code, and create your app. Take advantage of AngularJS mobile app development framework to write the front-end of the app in Javascript.

Note: Cordova script generates a skeletal web-based application whose home page is the project's www/index.html file.

Page 4: How to Develop a Hybrid Mobile App?

Step 3: Add PlatformsAdd the platforms that you want to target your app.

Page 5: How to Develop a Hybrid Mobile App?

Step 4: Install pre-requisites for building

Get the native SDKs for each platform you wish to target.

A) Requirement check result for android:

Java JDK: installed .

Android SDK: installed

Android target: installed android-19,android-21,android-22,android-23,Google Inc.:Google APIs:19,Google Inc.:Google APIs (x86 System Image):19,Google Inc.:Google APIs:23

Gradle: installed

(b) Requirements check results for ios:

Apple OS X: not installed

Cordova tooling for iOS requires Apple OS X

Error: Some of requirements check failed

Page 6: How to Develop a Hybrid Mobile App?

Step 5: Test the AppSDKs are bundled with emulators. Launch the app

from the home screen and observe its functionalities.

Page 7: How to Develop a Hybrid Mobile App?

Thank you for watching!