Use phonegap to wrap html5 web pages as iOS apps and phonegaphtml5

Source: Internet
Author: User

Use phonegap to wrap html5 web pages as iOS apps and phonegaphtml5

Tool preparation: mac development machine and Apple developer account (not required for testing feasibility, but required for debugging and release of a real machine)


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


As of today, PhoneGap has been updated to version 2.9.1. To ensure quick use, I have provided a copy of my Baidu Network Disk:

Link: http://pan.baidu.com/s/1gd9yPyF password: zvcs


OK, whether you downloaded the package by yourself or by downloading it to the zip package through my online storage, first decompress the package and find the create under phone-2.9.1/lib/ios/bin on the terminal, as shown in figure


We can see that there is a create

In this directory, execute a command like this:

./Create [project directory] [homepage (reversed)] [project name], as shown in figure

./Create ~ /Project/iOS/WoodyPlusPhonegap com. woodyplus. www woodyplusphonegap


Go to the project directory you set to open the Xcode project.

Double-hitting project file, find index.html in your project


If you publish built-in html, you can directly build

If you are similar to me, you can choose to be on line HTML (more flexibility, you can make a new version later), then you can write a record like index.html


<!DOCTYPE html>

Click Run to see the following demo.



Is it easy?


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.