对之前学习的一个纪录: 利用plugman自定义插件 1、安装pullman:npm install -g plugman(需要先装上nodejs环境才能使用npm)2、 plugman安装完之后就可以创建一个插件了,命令如下:
plugman create --name <pluginName> --plugin_id <pluginID> --plugin_version <version> [--path <directory>] [--variableNAME=VALUE] 参数说明:
pluginName: 插件名字pluginID: 插件id, egg : videoPlugin oversion: 版本, egg : 0.0.1directory:一个绝对或相对路径的目录,该目录将创建插件项目variable NAME=VALUE: 额外的描述,如作者信息和相关描述
eg : plugman create --name IMVideoPlugin --plugin_id imVideoPlugin --plugin_version 0.0.1 命令执行完成之后会生成插件文件夹(包括www、src、plugin.xml),www下面放我们的js文件,src里面放我们各自平台的原生代码,plugin.xml里面是对我们插件的一些配置说明。
参数说明:
id:%20 插件的id
version:%20插件的版本
name:%20插件的名字clobbers:%20这个是js代码调用原生代码的引用这样一个插件就配置完了,可以cd进入ionic项目用:cordova%20plugin%20add%20插件路径%20,这个命令来添加插件(需要用npm安装Cordova)%20,cordova%20plugin%20remove%20插件id,这个命令来移除插件,插件的编写稍后会说。
上面是通过plugman工具帮助我们自动安装,那么他到底做了什么呢??,如果不使用plugman我们可以怎么做呢??方法如下:以ios项目为例,安装插件其实为我们做了这些操作:1、导入复制插件中使用的相应第三方sdk(例如支付宝支付插件需要支付宝的sdk等),2、用xcode打开我们用ionic添加的iOS项目,可以看见有如下文件:首先在staging里面的config.xml进行配置:添加配置如下:
然后对Staging->www->cordova_plugins.js进行配置:配置如下:
接下来看一下本插件供前端调用的imvideo.js的编写,下图的
cordova-plugin-imvideo.im%20应与上图中配置的id一致
js方法调用代码:
最后我们看一下oc里面接收的代码:IMvideoPlugin.h
IMvideoPlugin.m
新闻热点
疑难解答