ionic项目之cordova自定义插件的配置

     对之前学习的一个纪录:
      利用plugman自定义插件
      1、安装pullman:npm install -g plugman(需要先装上nodejs环境才能使用npm)
2、 plugman安装完之后就可以创建一个插件了,命令如下:

plugman create --name --plugin_id --plugin_version [--path ] [--variableNAME=VALUE]    参数说明:

pluginName: 插件名字
pluginID: 插件id, egg : videoPlugin 
oversion: 版本, egg : 0.0.1
directory:一个绝对或相对路径的目录,该目录将创建插件项目
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里面是对我们插件的一些配置说明。

ionic项目之cordova自定义插件的配置_第1张图片


参数说明:

id:  插件的id

version: 插件的版本

name: 插件的名字
clobbers: 这个是js代码调用原生代码的引用
这样一个插件就配置完了,可以cd进入ionic项目用:cordova plugin add 插件路径 ,这个命令来添加插件(需要用npm安装Cordova) ,cordova plugin remove 插件id,这个命令来移除插件,插件的编写稍后会说。

上面是通过plugman工具帮助我们自动安装,那么他到底做了什么呢??,如果不使用plugman我们可以怎么做呢??方法如下:
以ios项目为例,安装插件其实为我们做了这些操作:
1、导入复制插件中使用的相应第三方sdk(例如支付宝支付插件需要支付宝的sdk等),
2、用xcode打开我们用ionic添加的iOS项目,可以看见有如下文件:
首先在staging里面的config.xml进行配置:添加配置如下:

ionic项目之cordova自定义插件的配置_第2张图片


然后对Staging->www->cordova_plugins.js进行配置:配置如下:
ionic项目之cordova自定义插件的配置_第3张图片

接下来看一下本插件供前端调用的imvideo.js的编写,下图的

cordova-plugin-imvideo.im 应与上图中配置的id一致
ionic项目之cordova自定义插件的配置_第4张图片

js方法调用代码:

ionic项目之cordova自定义插件的配置_第5张图片


最后我们看一下oc里面接收的代码:
IMvideoPlugin.h

ionic项目之cordova自定义插件的配置_第6张图片

IMvideoPlugin.m
ionic项目之cordova自定义插件的配置_第7张图片












你可能感兴趣的:(ionic)