Mobile WebApp development-phoneGap + iOS Environment

Zookeeper

With the rapid development of HTML5 and the desire for cross-platform mobile App development, there will be more and more demands for using PhoneGap for development. Based on the information on the network and combined with your own practices, we have established a phoneGap-based iOS development environment, sorted out the steps, and persisted them to the blog to avoid forgetting!

I. Environment Introduction

(1) phoneGap 2.9.0: http://phonegap.com/install/

(2) xcode 4.5.2

Ii. Setup steps

(1) unzip the phonegap-2.9.0 to the Users/mac/Downloads directory

(2) double-clickRun the create File under phonegap-2.9.0 \ lib \ ios \ bin, the result is as follows, and copy the shadow part:

(3) create a folder PgapForIOS in the project workspace. The full path is Users, mac, Documents, iOS_workspace, and PgapForIOS.

(4) create a terminal window, paste the copied content, and add Users/mac/Documents/iOS_workspace/PgapForIOS cn.com. vs PageForIOS (Folder address, Bundle Identifier, project name), press enter, as shown below:

(5) The project content is generated in the Users/mac/Documents/iOS_workspace/PgapForIOS directory, for example:

(6) Open the generated project through XCODE, such:

(7) Modify index.html with the following content:

(8) run the project. The following interface is displayed, and the project can be set up successfully!

Zookeeper