cordova自定义插件、发布和使用

本文详细介绍了如何使用Node.js和Plugman创建、发布及在Cordova项目中使用自定义插件。首先,通过Plugman创建插件并配置Android平台,接着初始化package.json文件。然后,创建Cordova项目并添加Android平台。将插件添加到项目后,通过`cordova run android`运行项目。最后,阐述了将插件上传到GitHub和发布到npm的步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Node.js(包含npm)(已安装)

cordova  (已安装)

plugman(已安装)(欢迎各位的评论,共进步)


1>   创建一个cordova插件

(1)plugman create --name<pluginName> --plugin_id <pluginID> --plugin_version<version> [--path <directory>] [--variableNAME=VALUE](pluginName: 插件名字;pluginID: 插件id;oversion: 插件版本;directory:一个绝对或相对路径的目录,该目录将创建插件项目;variable NAME=VALUE: 额外的描述,如作者信息和相关描述;)(个人开发所看到的pluginID   src->android->**.java 默认包名)

egg:

plugman create --name CordovaToast --plugin_idorg.apache.yldemo --plugin_version 1.0.0(cmd中直接定位在路径下,表示在该路径下生成插件)

(2)为该插件添加android平台

plugman platform add --platform_name android

(3)生成package.json文件

npm init(会让你输入name 等一系列东西,然后一直按enter最后让你输入license ,这边写成Apache-2.0就可以了)

(4)更改cordova插件目录下的src—>android-->**.java文件为:


2>   创建一个cordova项目

(1)cordova  create  test com.cordova.test   test  (创建cordova工程  <文件夹名> <包名> <app名>)

(2)添加平台(我只是添加了android,除此之外还有ios,browser(浏览器)。。。)

cordova platforms add android

3>   将cordova插件添加进cordova项目

cmd中将路径cd到cordova项目下:

cordova plugin add G:\myIonicPlugin\CordovaToastd(发布之后可以使用另一种加载方式:l例如:cordova plugin add com.fyl.downloadandunzipandsave)

4>   运行cordova项目

cordova runandroid

(其中cordova插件plugin.xml<js-modulename="CordovaToast" src="www/CordovaToast.js">

<clobberstarget="cordovatoast" />

</js-module>中的clobbers下的targer值代表你在cordova项目中调用插件的变量  egg:function click001(){

Cordovatoast.showToast(function(){},function(){})

})

plugin.xml


www/**.js


**.html



5>   Cordova插件的发布

(1)   先把cordova插件上传到github中。

参考(http://www.jianshu.com/p/c70ca3a02087);

(2)   将cordova插件发布到npm上。

参考(http://blog.youkuaiyun.com/maxbalance/article/details/50628819);


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值