Book Image

PhoneGap By Example

Book Image

PhoneGap By Example

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
PhoneGap By Example
Aug, 2015 | 368 pages
Small book image
PhoneGap Essentials
Ivan Turkovic
Sep, 2015 | 178 pages
Small book image
PhoneGap Beginners Guide (third edition)
Johnathan Iannotti | Purusothaman Ramanujam | Andrew Lunny | Giorgio Natili
Jul, 2015 | 284 pages
Small book image
Ionic Cookbook
Hoc Phan
Oct, 2015 | 264 pages
Table of Contents (17 chapters)
PhoneGap By Example
PhoneGap By Example
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Installing and Configuring PhoneGap
Installing and Configuring PhoneGap
Downloading and installing
Installing PhoneGap with NPM
Understanding PhoneGap
Creating an application
The config.xml structure
The iOS setup
Running the application on an iOS device
The Android setup
PhoneGap development highlights
Selecting a UI framework
Summary
2
Setting Up a Project Structure with Sencha Touch
Setting Up a Project Structure with Sencha Touch
An introduction to Sencha Touch
The installation of Sencha Touch
Sencha Cmd features
Generating the application
Understanding the basic application structure
Summary
3
Easy Work with Device – Your First PhoneGap Application "Travelly"
Easy Work with Device – Your First PhoneGap Application "Travelly"
Installing and using GapDebug
The initial application's MVC structure
Using the Cordova StatusBar plugin to fix overlap
Using a camera to capture pictures
Filesystem plugin installation and usage
Detecting the current geolocation
Saving data in local storage
Displaying data with Google Maps
Summary
4
Integrating the Travelly Application with Custom Service
Integrating the Travelly Application with Custom Service
Discovering the REST API
Exploring technologies to build a REST API
Developing a REST API
Implementing authentication on the application side
Implementing file upload on the service side
Implementing file upload on the application side
Summary
5
Crazy Bubbles - Your First HTML5 Mobile Game
Crazy Bubbles - Your First HTML5 Mobile Game
What game framework to choose
What is HTML5 Canvas?
An introduction to Phaser
Planning the game
Generate a Cordova application
Getting started with Phaser
Prepare and create the game
Preloading sprite
Displaying sprite
Handling pointer events with Phaser
Handling the pointer move event
Releasing a bubble
Calculate score
Running the application on the mobile
Summary
6
Share Your Crazy Bubbles Game Result on Social Networks
Share Your Crazy Bubbles Game Result on Social Networks
Implementing the game over screen
Implementing game restart
Sharing on Twitter, Facebook, and other social media
Sharing on Instagram
Summary
7
Building a Real-time Communication Application – Pumpidu
Building a Real-time Communication Application – Pumpidu
WebRTC fundamentals
What is Crosswalk and why we need it?
Building our first real-time communication application
Building a real-time communication application with PeerJS
Exploring other tools to build WebRTC mobile applications
Summary
8
Building "Imaginary" – An Application with Instagram-like Image Filters
Building "Imaginary" – An Application with Instagram-like Image Filters
An overview of the Pixastic library
Bootstrapping the Sencha Touch application
Capturing photos
Rendering an effects list
Applying effects to the photo
Saving the dressed photo into the application's folder
Building a custom plugin to save the picture in the iOS library
Displaying the list of photos
Summary
9
Testing the PhoneGap Application
Testing the PhoneGap Application
Running with PhoneGap
Why we need tests
Testing theory
Unit testing frameworks and test runners
Testing with Jasmine and headless browser PhantomJS
Testing with DalekJS in a real browser
Performance testing with Appium and browser-perf
Other testing tools
Summary
10
Releasing and Maintaining the Application
Releasing and Maintaining the Application
Versioning of the application
Using PhoneGap Build
Beta release of the iOS application
Release to the App Store
Release to Google Play
Using Fabric and Crashlytics
Summary
References
Index
Index

Chapter 4. Integrating the Travelly Application with Custom Service

In the previous chapter, you saw how to build a Travelly PhoneGap application using Sencha Touch and several PhoneGap plugins. You learned about the most popular architectural concept and checked out the available Sencha Touch components. This chapter is about building a REST API with Node.js and integrating it with our Travelly PhoneGap mobile application. We will implement routing mechanisms, request processing, and proper response sending.

In this chapter, we will cover the following topics:

  • Basics of Node.js and its Express framework

  • Writing a REST API with Express

  • Developing service authentication and handling it on the application side

  • Implementing MongoDB integration

  • Coding the mobile application side with Sencha Touch and PhoneGap

  • Displaying application's data on the website page

Previous Section
End of Section 1
Next Section