一、安装插件
1、安装plugman
2、生成插件
plugman create --name <pluginname> --plugin_id <pluginid> --plugin_version
0.0
.
1。例如,
$plugman create --name MyPlugin --plugin_id com.plugin.myPlugin
--plugin_version
0.0
.
1,
注意,此时生成的插件存放都在根目录,如图。如果存放在其他目录可以在最后面加" -path 文件名",如plugman create --name MyPlugin --plugin_id com.plugin.myPlugin
--plugin_version
0.0
.
1 -path MP。
这时候src文件里面是空
3、添加平台
3、添加平台
$cd MyPlugin
$plugman platform add --platform_name ios
如果出现“can't find a plugin.xml. Are you in the plugin?”,这是因为你的操作权限低,说明你在第1步没有用sudo,所以再执行第1步“sudo npm install -g plugman”。
此时再看,src文件夹里面增加了iOS文件。注意,如果只生成了iOS文件夹,没有.m文件,就手动删除iOS文件,再plugman platform remove --platform_name iOS,这样就彻底删除了,如果还不行,就要修改更新一下你的环境了,包含node.js、npm、ionic,再执行plugman platform add --platform_name ios就可以了。
4、安装插件
首先,找到MyPlugin的路径
$pwd MyPlugin
拿到路径
$ionic plugin add (你拿到的插件路径)。
新环境可能会报“Error: Invalid Plugin! /Users/用户名/项目名/插件名 needs a valid package.json”错误,这需要手动添加package.json文件
$sudo plugman createpackagejson (插件路径)
然后文件中就会出现package.json文件了,然后再执行$ionic plugin add (你拿到的插件路径),就可以了。
查看plugins文件夹里面多了一个名为com.plugin.myPlugin的文件夹
二、插件调用
1、ts文件
<p id="testde">
Take a look at the <code>src/pages/</code> directory to add or change tabs,
update any existing page or create new pages.
</p>
<button ion-button="" color="secondary" (click)="ttfunc()">Secondary</button>
.ts文件
ttfunc(){
cordova.plugins.MyPlugin.coolMethod("传来的参数",
function (msg) {
alert('成功');
console.log(msg);
document.getElementById("testde").innerHTML=msg;
},
function (msg) {
alert('失败');
});
}
ttfunc()这个方法就是ts这边的调用,cordova.plugins.MyPlugin.coolMethod这个方法中MyPlugin是插件名,coolMethod是方法名,去插件中查看MyPlugin.js就明白了。
在这个地方值得一提的是,ts中的这个方法用在js里面基本也是可以的。
2、iOS原生文件
iOS原生的主要问题是,怎么把数据传给插件。我测试了一下,个人觉得属性传值和通知传值都不合适,单例传值还是比较靠谱的,其他传值方式大家可以自己试试。
单例自己封装或者用nsuserdefaults都可以,原理就是先把数据本地化,再赋值给插件。
#import <Foundation/Foundation.h>
@interface DataSingle : NSObject
//根据自己的需要自定义你需要的类型
@property(nonatomic,copy)NSString *dataStr;
@property(nonatomic,strong)NSArray *dataArr;
@property(nonatomic,strong)NSDictionary *dataDic;
+(instancetype)shareDataSingle;
@end
如图,iOS的插件类只生成了.m文件
/********* MyPlugin.m Cordova Plugin Implementation *******/
#import <Cordova/CDV.h>
#import "DataSingle.h"
@interface MyPlugin : CDVPlugin {
// Member variables go here.
}
- (void)coolMethod:(CDVInvokedUrlCommand*)command;
@end
@implementation MyPlugin
- (void)coolMethod:(CDVInvokedUrlCommand*)command
{
NSLog(@"----coolmethod-----");
[self.commandDelegate runInBackground:^{
CDVPluginResult* pluginResult = nil;
DataSingle *ds=[DataSingle shareDataSingle];
NSLog(@"===========dataStr==%@==========",ds.dataStr);
NSString* echo =[command.arguments objectAtIndex:0];//echo:ts端传来的参数
NSLog(@"-----------echo===%@",echo);
NSUserDefaults *usr=[NSUserDefaults standardUserDefaults];
if (echo != nil && [echo length] > 0) {
pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsString:ds.dataStr];//ds.dataStr:原生数据,传给ts
pluginResult=[CDVPluginResult resultWithStatus:CDVCommandStatus_OK messageAsString:[usr objectForKey:@"text"]];
} else {
pluginResult = [CDVPluginResult resultWithStatus:CDVCommandStatus_ERROR];
}
[self.commandDelegate sendPluginResult:pluginResult callbackId:command.callbackId];
}];
}
@end
以上就是iOS原生传值给ts的整个流程。
(欢迎指正!)
转发请标明出处!