Download - How to Develop a Hybrid Mobile App?
![Page 1: How to Develop a Hybrid Mobile App?](https://reader038.vdocuments.net/reader038/viewer/2022100504/58f2bd141a28ab127b8b458d/html5/thumbnails/1.jpg)
How to Develop a PhoneGap App?
![Page 2: How to Develop a Hybrid Mobile App?](https://reader038.vdocuments.net/reader038/viewer/2022100504/58f2bd141a28ab127b8b458d/html5/thumbnails/2.jpg)
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?](https://reader038.vdocuments.net/reader038/viewer/2022100504/58f2bd141a28ab127b8b458d/html5/thumbnails/3.jpg)
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?](https://reader038.vdocuments.net/reader038/viewer/2022100504/58f2bd141a28ab127b8b458d/html5/thumbnails/4.jpg)
Step 3: Add PlatformsAdd the platforms that you want to target your app.
![Page 5: How to Develop a Hybrid Mobile App?](https://reader038.vdocuments.net/reader038/viewer/2022100504/58f2bd141a28ab127b8b458d/html5/thumbnails/5.jpg)
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?](https://reader038.vdocuments.net/reader038/viewer/2022100504/58f2bd141a28ab127b8b458d/html5/thumbnails/6.jpg)
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?](https://reader038.vdocuments.net/reader038/viewer/2022100504/58f2bd141a28ab127b8b458d/html5/thumbnails/7.jpg)
Thank you for watching!