项目环境

xcode :

Version 4.6.1

ios os x :

版本 10.8.2

phonegap: 

PhoneGap 2.7.0


第一步 下载phonegap 

官网地址:http://phonegap.com/download/#  下载完成后解压缩

找到 \phonegap-2.7.0\lib\ios 此文件夹里包含的文件是创建ios项目必须的文件 其他无用

把文件夹粘贴到桌面备用

第二部  运行终端创建项目

1 启动终端 (如果找不到,用control+空格 搜索“终端”);

如何把ios打包成链接下载文件_如何把ios打包成链接下载文件

如何把ios打包成链接下载文件_PhoneGap_02

2 更改当前目录(图中小房子 后面aa-aaa..为计算机名字 是当前目录)

命令代码 cd  /users/+当前计算机用户名 /+ ios文件夹下bin路径 

简便方法 打开刚才准备到桌面的ios文件夹 找到里面bin文件夹 终端输入cd后 直接拖拽bin文件夹

会自动生成路径

回车后改变当前目录 下图中已经变成bin目录(窗体题目为 文件夹图标+bin)

 如图

如何把ios打包成链接下载文件_如何把ios打包成链接下载文件_03

3 创建项目

使用bin文件夹下create命令创建

命令代码  ./ctreate    /users+创建目录  公司标识 项目名称

如下图


如何把ios打包成链接下载文件_编程_04

创建完成后找到创建的项目

我的项目创建到了桌面上

如何把ios打包成链接下载文件_如何把ios打包成链接下载文件_05

4 完善项目

打开创建的项目 找到 cordova

如何把ios打包成链接下载文件_如何把ios打包成链接下载文件_06

继续使用终端命令 修改当前目录为 cordova

命令代码 cd + 当前cordova目录

如何把ios打包成链接下载文件_iOS_07

回车后执行命令

在cordova当前目录下 执行 ./bulid 命令

如何把ios打包成链接下载文件_如何把ios打包成链接下载文件_08

执行命令 需等待几秒  这样你的项目就完全创建成功

第三步  运行项目并修改成自己页面

1 运行项目

打开项目当然是用xcode,前提是你的mac  已经下载安装了xcode       点击项目中 XXX.xcodeproj(xx就是你的项目名)

这时就会打开项目 来张全图给你们

如何把ios打包成链接下载文件_PhoneGap_09

这时运行会没有反应 还需要最后一步 修改编辑策划

如图

如何把ios打包成链接下载文件_编程_10

把Executable 修改成 projectname.app    (原来是none)

如何把ios打包成链接下载文件_iOS_11


这样之后 运行项目 他会自动启动模拟器

有木有成功的画面

如何把ios打包成链接下载文件_PhoneGap_12

2修改www目录 换成自己的网页

右键www 选择show in Finder 就会进入www目录

如何把ios打包成链接下载文件_iOS_13

只要把www目录下index.html替换成自己的就ok了

重新运行下项目

如何把ios打包成链接下载文件_编程_14


总结 

原来创建项目 用xcode直接创建phonegap项目 但2.几以后改变了方式 必须用命令创建 虽然不方便 但是也算不难的

 phonegap 采用的是html技术 包括所谓的html5 和js 、css、jq mobile 等 常用web语言 ,如果项目中不涉及到太多的系统原生调用 本身提供的插件足以满足一般项目

不管是android 还是 ios 了解这两种语言都知道 webview控件 可以通过js和原生代码交互 phonegap的插件只是封装了一下  我们如果想使应用更加 丰富的功能 在phonegap

没有提供的情况下,我们可以加入自己的插件 

接下来 我会简单的做几个插件 教大家如何扩展自己的插件