您的位置:首页 > 移动开发 > IOS开发

如何创建iOS环境下的cordova插件,让其运用到iOS项目中

2016-01-09 12:24 483 查看
很多跨平台开发的项目,会希望通过cordova插件调用iOS的原生API,实现JS与OC 的通信,集成iOS的一些相关功能。网上查了一些资料,再加上自己的理解,将一些心得分享给大家。下面将以调用系统相册或摄像头实现截图功能为例,将cordova的创建过程分享给大家。一、开发环境的准备(Mac环境)1.安装nodejs和npm,可到到nodejs官网(https://nodejs.org)上下载安装包直接下载或者用Homebrew(http://brew.sh/)安装。
brew
install
nodejs npm
2、安装命令行工具
3、4、 安装XCode的Command Line Tools(仅针对Mac上开发iOS应用)到XCode->Preferences中相应的设置页中安装或者在终端用命令安装,可参考http://www.07net01.com/2015/07/879465.html二、插件的开发,使用plugman来创建插件工程1、创建插件的名字: plugman create -name CropperPlugin --plugin_id com.wxz.Cropper --plugin_version 0.1name:插件名字plugin_id:插件的idplugin_version:插件的版本这三个参数的内容自己根据喜好去设定2、切换到创建好的插件目录下
cd
CropperPlugin/
3、添加iOS版本plugman platform add --platform_name ios这时在CropperPlugin下就会生成三个文件没有.h文件,但是不影响使用,可以自己建个.h文件,但是要记得在plugin.xml文件中加上<source-file src="src/ios/CropperPlugin.h" />
然后可以将.m中的@interface MyPlugin : CDVPlugin {// Member variables go here.}- (void)coolMethod:(CDVInvokedUrlCommand*)command;@end移动到.h文件中(如果需要引用第三方,可将第三方的包放到ios那个文件夹中,同时要记得写.xml文件,否则无法使用第三方);三、cordova应用的创建这时的效果如图:这时候我们需要将刚才创建好的CropperPlugin插件添加到CropperPluginDemo的plugin文件夹中,这样工程中才会有我们创建的插件(将CropperPlugin文件放到和plugins文件同一个级别上,执行以下命令)ionic plugin add CropperPluginionic platform add iosionic build ios然后工程就中就能使用我们写好的插件了。然后就能正常去实现需要的功能了。
创建CropperViewController.m 和CropperViewController.m 用来进行截图的具体操作CropperViewController.m 代码如下CropperViewController.m
代码如下
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: