Cordova+Angularjs+Ionic混合开发入门篇（四）—— 插件的简单使用

⚠️：如果工程中使用手动方式加入插件了，那么就一直使用手动加入方式就行了，否则使用命令加入时会清除其他插件，就会造成工程页面全白了。

插件的使用方式，均采用命令行方式安装使用。下面主要讲网络插件和本地插件的使用。plugman生成的插件只有src、www和plugin.xml  这3个东西，package.json是手动命令添加的，因为上一篇有介绍，所以只重点讲如何与js交互进行使用插件。

plugin.xml文件的位置

src下放的就是自定义支持的平台相关文件

无论支持几个平台，www下只有一个js文件

注意：上面所有的图片都是本人现做现卖，实用的环境是nodeJS  6.11.1，cordova是7.0.1。iOS的插件类只生成了.m文件，如果你想自定义的话，需要往下看喽，其实就是修改xml里面的配置就可以了。

一：网络插件

1.    cd    【ionic项目地址】                                      到ionic项目里， 运行命令

2.   cordova     plugin    add  【plugin_id】              即可。

3.   cordova    plugin    ls                                           可查询是否安装成功

二：本地插件

1.    cd    【ionic项目地址】                                      到ionic项目里， 运行命令

2.  cordova    plugin    add  【本地插件地址】              即可。

3.  cordova    plugin    ls                                          可查询是否安装成功

扩展：

本地插件如果需要添加与js进行交互的方法，则需要做三个地方的处理。

第一：类的.h文件里声明函数名时应该带有(CDVInvokedUrlCommand*)command参数：

例如：+ (void)BindUser:(CDVInvokedUrlCommand*)command;

第二：修改plugin.xml

header与source文件分别对应h与m文件

注意：插件创建好之后会自动创建好一个.m文件，如果是自己创建的需要在这里填写一下。

第三：修改www里的js文件

供js调用的方法

注意：需要与js交互的方法就是指带“:(CDVInvokedUrlCommand*)command”参数的方法。按照上面的格式写就行了。明眼人一看就懂，这里我就不废话了。

到此为止，已经OK啦！！！