首页 > 学院 > 开发设计 > 正文

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

2019-11-06 09:40:31
字体:
来源:转载
供稿:网友

     对之前学习的一个纪录:      利用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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表