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名称一致
文/Springer(简书作者)
原文链接:http://www.jianshu.com/p/10cca2464fcf
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。