iOS原生代码编写Cordova插件实战记录

       最近公司给了用iOS给cordova写插件的任务,网上查了下相关资料还是挺少的,而且都很老了,经过一番探索,终于搞定了,再次记录一下,希望能帮到有同样需求的伙伴们!

下面是本人对编写cordova插件的过程,有不足之处欢迎指出!1.安装plugman (前提是先安装node.js)

打开终端,输入命令: npm install -g plugman 

2.创建插件

plugman create --name 插件名 --plugin_id 插件ID --plugin_version 插件版本号

例子 plugman create --name WLToast --plugin_id cordova-plugin-WLtoast --plugin_version 1.0.0

输入完上方命令后,会在默认安装路径(我的是desktop)会生成一个WLToast的文件夹,文件里面包含三个

分别为

plugin.xml :关于插件的一些配置信息,例如插件名称、插件id、版本号和平台信息等。如下图所示:


src文件夹,里面主要包含两个文件夹分别是ios和android,里面放着ios和安卓所需要的类、资源等文件,现在还未添加平台,所以目前src文件夹是一个空文件夹,下面第三步中会提到添加平台。

www文件夹,里面包含一个WLToast.js文件,里面是对插件入口方法进行到处,以便在ionic项目中js文件中可以调用


3.添加平台信息

打开终端,cd到插件目录 依次执行

plugman platform add  --platform_name android

plugman platform add --platform_name ios

执行上方命令后,你会发现src文件夹中多出了ios和android两个文件夹,文件夹下分别是WLToast.m文件和WLToast.java文件。因为对安卓开发不熟,所以只对ios进行分析,其实原理是一样的。

ios文件夹下面只有一个WLToast.m文件,做过ios原生开发的都清楚,iOS项目中一个类一般由一个.h和一个.m文件组成,这里命令行帮我们把这2文件整合到一起了,所以为了好理解,我这里把它拆成了两个文件.

拆开后.h文件

#import

#import "CustomAlert.h"

@interface WLToast : CDVPlugin

- (void)coolMethod:(CDVInvokedUrlCommand*)command;

@end

.m

#import "WLToast.h"

@implementation WLToast

- (void)coolMethod:(CDVInvokedUrlCommand*)command

{

    CDVPluginResult* pluginResult = nil;

    NSString* echo = [command.arguments objectAtIndex:0];

    CustomAlert *alert = [[CustomAlert alloc]initWithFrame:[UIScreen mainScreen].bounds];

    alert.delegate = self;

    [alert alertShow];

    if (echo != nil && [echo length] > 0) {

        pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsString:echo];

    } else {

        pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_ERROR];

}

}

@end

补充一下 :上方导入CustomAlert.h文件及其代理,是我用原生代码封装好的一个建议提示框,因为提示框里面用到了代理协议,所以我们需要在WLToast.h中也要声明这个代理。WLToast这个类其实就相当于原声代码与js过度的一个类,cordova起到桥梁作用(也属于本人理解)。然后我们把我们索要传递的值都可以在这个类中所声明的方法中进行传递。

4.生成package.json文件

执行完上方命令后,插件并未完整,一个插件必须要package.json这个文件,不然安装不上,

cd 到插件路径下,plugman createpackagejson  [插件路径] 

点击enter键,直到yes结束 如果顺利执行,插件基本生成。  

5.安装插件

cd到onic项目中,执行

cordova plugin add [插件路径]

如果返回 

Installing "cordova-plugin-WLToast" for ios

Adding cordova-plugin-WLToast to package.json

Saved plugin info for "cordova-plugin-WLToast" to config.xml

表示插件安装成功,安装成功后 最好执行

cordova build ios 命令检测插件代码模块是否正确

6.插件调用

在ionic项目中js,

 if(window.cordova)

cordova.plugins.WLToast.coolMethod('arg',function(succeed){

},function(error){

});

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,530评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,403评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,120评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,770评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,758评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,649评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,021评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,675评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,931评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,751评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,410评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,004评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,969评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,042评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,493评论 2 343

推荐阅读更多精彩内容