Use PhoneGap to wrap HTML5 Web pages for iOS app

Tool Preparation: Mac Dev, apple Developer account (not required when testing feasibility, but required for real-time commissioning and release)

phonegap:http://phonegap.com/install/(if not found, please pull down)

As of today, PhoneGap has been updated to 2.9.1 version, in order to guarantee the fast use, I provided a copy in my Baidu network disk:

Link: Http://pan.baidu.com/s/1gd9yPyF Password: zvcs

Ok whether you download it yourself or download it through my web drive to a ZIP package, first we unzip it and find the create under Phone-2.9.1/lib/ios/bin through the terminal, such as

We saw a create in the middle.

In this directory, execute a command like this:

./create [Project Catalog] [Home (reverse write)] [project name], such as

./create ~/project/ios/woodyplusphonegap com.woodyplus.www Woodyplusphonegap

Go to the project directory you set up and you can open the Xcode project.

Double-click the project file to find the index.html in your project

If you are publishing a built-in HTML, you can directly build

If you are like me, choose online HTML (more flexible, can be updated in the background), then you can write a index.html

<! DOCTYPE html>

Then click to run, you can see the following demo


Isn't it simple?

Use PhoneGap to wrap HTML5 Web pages for iOS app