iOS使用Objective-c自定义cordova插件（－）

作者: Springer | 来源:发表于2016-01-14 15:24 被阅读6354次

本系列教程为博主初次使用开发,内容如有差错,欢迎指正,敬请谅解。

博客地址:http://blog.img421.com/iosshi-yong-object-czi-ding-yi-cordovacha-jian/

Mac安装ionic和cordova我们已经熟悉,现在使用`ionic`来创建`HTML5`使用`iOS原生框架`等内容的插件。

说明：图中的cordova 请自动切换为ionic使用

1. 创建项目

打开终端,切换到桌面,然后使用`ionic`创建一个测试项目,命名CountTest.

cd ./Desktop/

sudo ionic start CountDemo

或

//使用cordova ,但是后期cordova不知道怎么引导ionic中,如果你知道请留言告诉我,感谢！ sudo cordova create CountDemo com.twenty.CountDemo CountDemo

1: 项目创建到桌面的目录名,

2: iOS Bundle Identifier的名称,

3: 项目名若舍去2,3步骤,iOS Bundle ID会自行创建,3中项目名为默认1中的目录名。

我们创建的项目没有可写权限只有可读权限,因为修改CountTest权限为可读可写可执行。

由此可以修改CountTest文件及子文件。

2. 编译iOS项目工程

通过使用`ionic`编译出`iOS项目结构`的目录平台。命令如下:

//添加iOS项目的平台

sudo ionic platform add ios

或 sudo cordova platform add ios

下图输出则添加成功

等待几分钟

//编译iOS项目

sudo ionic build ios

或 sudo cordova build ios

如上图`** BUILD SUCCEEDED **`成功以后,可以看到文件中`platform`添加一个iOS平台文件夹。

使用苹果官方开发工具`Xcode`打开,如果没有权限使用命令修改权限:

sudo chmod -R 777 .

`. 代表当前文件夹` ,

打开后结构如下

我们自定义的插件都在`Plugins`文件夹下.

3. 插件开发

创建一个`CountAdd`对象,继承`CDVPlugin`对象.

ps:`CDVPlugin`即为cordova库的连接对象。

`Command + B` 编译Xcode,程序报错`'Cordova/Cordova.h' file not found`

通过查看`CordovaLib`库文件内容,此库内容中头文件`CDV.h`包涵全部的类头文件,因此修改如下:

再次编译成功.

在CountAdd.h文件中,声明一个方法:计算大小.`CDVInvokedUrlCommand ＊`对象为调用URL命令的时候自动传递的参数。在`CountAdd.m`中实现此方法。

在`CountAdd.m`中,我们添加如下代码:

1: 获取到调用的命令的唯一ID;

2:得到传过来的数组的第一个索引值;(后续详细解释)

3:给得到的数+1;

5:通过判断给插件的结果设置状态,成功状态 message 所传递的值, 失败状态 message 所传递的值;

6:通过调用代理发送插件的结果给对应的ID

4. 配置

通过使用WebStorm来打开所创建的`CountDemo`项目,在项目中的`Plugins`文件夹中我们创建一个自己的插件目录`com.twenty.CountTest`,结构如下:

ios:存放Xcode刚才所创建的CountAdd类,

www: 存放调用的和CountAdd 所调用的js文件

plugin.xml :配置iOS 和 cordova 的内容.拷贝`OC的类`到`ios文件夹`目录下,`www`目录下创建一个与`oc类名一样`的js文件

`plugin.xml`文件内容如下图:

方框内的name要一致,名字随意;

圆形内的值要与OC中继承CDVPlugin类的类名一致;

横线部分名称要与js名称一致

接下一章

网友评论

cl9000:。。。在Xcode中的插件代码怎么合webstorm中的类同步呢

95e23102d1e9:大神可不可以写一个oc和js之间传json的插件？

8a567a6ebd2e:sudo ionic start 的在Download的时候一直超时，我直接按照URL下载没有问题，有什么办法能略过下载么？

Springer:@2d93582d4179 你跟着文章做一下就明白插件是怎么一回事了，很容易理解的

2d93582d4179:大神，调用插件的有木有demo啊。

Springer:@刘三太子 URL下载是什么意思？ sudo ionic start 通过ionic 创建一个空的项目.

15e64cb0aa93:楼主你好请问ViewController中的代码应该怎么写是不是先继承CDVViewController 然后.m中写webview

15e64cb0aa93:@Springer 谢谢楼主.

Springer:@Jerain ViewController 和我们平常写的一样,并不用继承. Cordova中"CDVPlugin"内部的有一个viewController属性，你可以使用它来调用

z77777:请问楼主如果想在cordova项目中用到iOS原生的地图或支付宝SDK，需要怎么做？自定义地图或支付宝插件么？还是说有什么集成的插件可以用的？谢谢

8a567a6ebd2e:@Springer 请问framework的三方库在包含在项目中的话，打包和使用的方式有区别么？

z77777:@Springer 好的谢谢楼主！！

Springer:@z77777 原生地图就像上边说的调用相机一样,你肯定要将map添加到一个ViewController 上边,然后push或model弹出都可以,插件中的文件js调用插件方法。支付宝的SDK你也可以使用OC写好插件,然后使用插件中的js调用自己插件方法即可

想吃小馄饨啊:楼主，想问一下如果要是调用相机插件的话oc 端具体要怎么写啊，也是要继承CDVPlugin创建一个类吗

Springer:@遇见在转角和平常直接在OC中写的一样.因此你可以写一个公共的继承CDVPlugin类,在此类中使用CDVPlugin 的viewController属性 push或model弹出相机。

bb24b3ea3d00:我想问一个问题，我在cordova中写了一个插件，这个插件需要用到Ios中的静态库，但是，上传到主线时，静态库又被禁止上主线，此时，只能上生成静态库的源码，但是在cordova中如何配置，才能让程序运行时，自动生成静态库呢？

Springer:@风尚人可以放到git 服务器或其他的服务器,然后使用命令cordova plugin add （插件在服务器地址）也可以添加插件到plugin文件夹中

bb24b3ea3d00:@Springer 你好，首先谢谢你的回复，可能我没有把意思表达清楚，请允许我再阐释一下。
我引用静态库.a也是在plugin.xml中进行了如下配置:
source-file src=“src/ios/hwa.a” framework=“true”。
这样使用整个工程运行正常，没有任何问题。
但是，现在领导要求在工程中不能直接使用已经生成的.a文件，要求把生成.a文件的源码加入到当前工程中来，在工程运行的时候，可以自动生成.a文件并且自动加载使用。
这个问题困扰我好多天了，我们上传代码到主线的时候，因为.a文件是二进制形式，所以不能被上传到主线，但是可以上传生成.a文件的源码。
求解，谢谢啊。

Springer:@风尚人没有看明白你的意思:“上传到主线时，静态库又被禁止上主线”.但是不管你用iOS系统的框架还是第三方比如地图封装好的静态库,你都要把这些当作插件加入到你写好的Ionic项目中,他们在Ionic项目中的地址是plugin文件夹.而你的plugin.xml配置文件也要配置所添加插件的头文件等信息。内容查看此章节http://www.jianshu.com/p/2449f936497a

名字难取Jay:您好，我遇到和您同样的错误了，报错： 'Cordova/Cordova.h' file not found`
我看了你的CDV.h文件和我是一样的呢，可是还是报这个错呢？

Springer:@e985d3a9a2e7 'Cordova/Cordova.h' 内部不是这个头文件，倒入这个Cordova/CDV.h

FanChason:请问下，如果oc的类很多，plugin.xml中类文件路径也要自己一个个输进去吗？

FanChason:@Springer 谢谢，回头试试

Springer:@FAN_XC 多个类的话,你可以使用.a静态库,然后添加其中的头文件.h 即可。

cl9000:。。。在Xcode中的插件代码怎么合webstorm中的类同步呢
95e23102d1e9:大神可不可以写一个oc和js之间传json的插件？
8a567a6ebd2e:sudo ionic start 的在Download的时候一直超时，我直接按照URL下载没有问题，有什么办法能略过下载么？
Springer:@2d93582d4179 你跟着文章做一下就明白插件是怎么一回事了，很容易理解的
2d93582d4179:大神，调用插件的有木有demo啊。
Springer:@刘三太子 URL下载是什么意思？ sudo ionic start 通过ionic 创建一个空的项目.
15e64cb0aa93:楼主你好请问ViewController中的代码应该怎么写是不是先继承CDVViewController 然后.m中写webview
15e64cb0aa93:@Springer 谢谢楼主.
Springer:@Jerain ViewController 和我们平常写的一样,并不用继承. Cordova中"CDVPlugin"内部的有一个viewController属性，你可以使用它来调用
z77777:请问楼主如果想在cordova项目中用到iOS原生的地图或支付宝SDK，需要怎么做？自定义地图或支付宝插件么？还是说有什么集成的插件可以用的？谢谢
8a567a6ebd2e:@Springer 请问framework的三方库在包含在项目中的话，打包和使用的方式有区别么？
z77777:@Springer 好的谢谢楼主！！
Springer:@z77777 原生地图就像上边说的调用相机一样,你肯定要将map添加到一个ViewController 上边,然后push或model弹出都可以,插件中的文件js调用插件方法。支付宝的SDK你也可以使用OC写好插件,然后使用插件中的js调用自己插件方法即可
想吃小馄饨啊:楼主，想问一下如果要是调用相机插件的话oc 端具体要怎么写啊，也是要继承CDVPlugin创建一个类吗
Springer:@遇见在转角和平常直接在OC中写的一样.因此你可以写一个公共的继承CDVPlugin类,在此类中使用CDVPlugin 的viewController属性 push或model弹出相机。
bb24b3ea3d00:我想问一个问题，我在cordova中写了一个插件，这个插件需要用到Ios中的静态库，但是，上传到主线时，静态库又被禁止上主线，此时，只能上生成静态库的源码，但是在cordova中如何配置，才能让程序运行时，自动生成静态库呢？
Springer:@风尚人可以放到git 服务器或其他的服务器,然后使用命令cordova plugin add （插件在服务器地址）也可以添加插件到plugin文件夹中
bb24b3ea3d00:@Springer 你好，首先谢谢你的回复，可能我没有把意思表达清楚，请允许我再阐释一下。
我引用静态库.a也是在plugin.xml中进行了如下配置:
source-file src=“src/ios/hwa.a” framework=“true”。
这样使用整个工程运行正常，没有任何问题。
但是，现在领导要求在工程中不能直接使用已经生成的.a文件，要求把生成.a文件的源码加入到当前工程中来，在工程运行的时候，可以自动生成.a文件并且自动加载使用。
这个问题困扰我好多天了，我们上传代码到主线的时候，因为.a文件是二进制形式，所以不能被上传到主线，但是可以上传生成.a文件的源码。
求解，谢谢啊。
Springer:@风尚人没有看明白你的意思:“上传到主线时，静态库又被禁止上主线”.但是不管你用iOS系统的框架还是第三方比如地图封装好的静态库,你都要把这些当作插件加入到你写好的Ionic项目中,他们在Ionic项目中的地址是plugin文件夹.而你的plugin.xml配置文件也要配置所添加插件的头文件等信息。内容查看此章节http://www.jianshu.com/p/2449f936497a
名字难取Jay:您好，我遇到和您同样的错误了，报错： 'Cordova/Cordova.h' file not found`
我看了你的CDV.h文件和我是一样的呢，可是还是报这个错呢？
Springer:@e985d3a9a2e7 'Cordova/Cordova.h' 内部不是这个头文件，倒入这个Cordova/CDV.h
FanChason:请问下，如果oc的类很多，plugin.xml中类文件路径也要自己一个个输进去吗？
FanChason:@Springer 谢谢，回头试试
Springer:@FAN_XC 多个类的话,你可以使用.a静态库,然后添加其中的头文件.h 即可。

iOS使用Objective-c自定义cordova插件（－）

1. 创建项目

2. 编译iOS项目工程

3. 插件开发

4. 配置

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

iOS

iOS开发与应用

iOS - Cordova