使用cordova 开发iOS应用

简介：公司为了开发方便，所以使用cordova开发项目，Cordova支持以下移动操作系统：iOS, Android,ubuntu phone
os, Blackberry, Windows Phone, Palm WebOS, Bada 和
Symbian，使用的时候只需要导入插件就可以了。

一、 环境搭建

1、首先安装Node.js

下载地址：https://nodejs.org/en/
有两个版本，第一个版本是稳定版，第二个版本是最新版
下载安装后，可以通过在终端输入命令 npm –v，如果返回版本号就说明安装成功,如下图：

屏幕快照 2017-09-25 下午5.56.25.png

2、安装cordova

直接在终端运行命令安装：

sudo npm install –g cordova

如果是要更新cordova，运行如下命令：

sudo npm update cordova –g

测试cordova是否安装成功，运行如下命令

cordova -v

如果返回版本号，则证明安装成功

屏幕快照 2017-09-25 下午6.00.11.png

二、 创建项目

环境搭建完毕，现在就来创建cordova项目
1、首先在终端输入要创建的项目的路径

cd 路径

2、运行以下命令创建项目

cordova create myDemo com.name.myDemo mydemo

屏幕快照 2017-09-25 下午6.04.21.png

参数说明：

第一个参数：myDemo是工程的文件夹名

第二个参数：（可选）com.name.myDemo为应用的id名，可以在config.xml ****中修改，如果不指定的话默认为**** io.cordova.hellocordova****；

第三个参数：（可选）mydemo是APP的名字，也可以在config.xml中修改

3、创建成功后的工程目录如下：

屏幕快照 2017-09-26 上午9.15.19.png

目录文件说明：

conig.xml ：cordova的配置文件
hooks/ ：存放自定义cordova命令的脚本文件。
platforms/ ：各个平台原生工程代码，会在build时被覆盖勿修改
plugins/ ：插件目录（主要是提供各个平台的原生API）
www/ ：用H5编写的源代码目录，build时会被放入各个平台的assets\www目录。
www/index.html ：App入口html文件**

三、添加iOS平台支持

1、选择工程的路径,用的是cd命令

cd 路径

2、使用以下命令添加iOS平台文件

cordova platform add ios

如下图所示：

屏幕快照 2017-09-26 上午9.20.44.png

运行成功后会在platforms文件夹里边有一个iOS文件夹,打开工程如下图所示：

屏幕快照 2017-09-26 上午9.21.07.png

打开项目，目录列表如下：

屏幕快照 2017-09-26 上午9.34.18.png

四、cordova插件操作

插件列表网址：http://docs.wex5.com/cordova-plugins/
这个里边关于插件的清单列举的很详细，可以参考这个列表就行了，因为太多了，我就不一一写下来了。
下面我再介绍一下使用cordova常用的命令有哪些；
添加平台的命令：

cordova platform add android/ios

添加插件的命令：

cordova plugin add 插件目录(这里可以是插件的路径，也可以是插件的名字)

移除插件的命令：

cordova plugin remove 插件的名字

为了确保移除插件的时候不出错，首先获取插件列表，查看要移除的插件名字是否写对，所以查看插件列表的命令：

cordova plugin list

更新项目的命令：

cordova platform update android/ios

我这边以蓝牙插件为例：
添加插件：

屏幕快照 2017-09-26 上午9.43.35.png

添加成功后会在打开工程在plugins文件夹里边查看

屏幕快照 2017-09-26 上午9.44.55.png

也可以通过查看插件列表：

屏幕快照 2017-09-26 上午9.45.54.png

移除插件：

屏幕快照 2017-09-26 上午9.46.33.png

参考地址：http://www.cnblogs.com/huazai/p/cordova_ios.html