Cordova+Angularjs+Ionic混合开发入门篇(五)—— 插件的发布

来源:互联网 发布:手机淘宝怎么搜二手的 编辑:程序博客网 时间:2024/06/05 18:29

自己编写完的插件只能自己使用,想共享到Internet或者用到别的项目就比较麻烦,这是我们需要把代码做成插件形式,然后发布到网上少说废话,直奔主题!【iOS版,Mac环境】

1.方式一:GitHub托管

cordova    plugin    add    https://github.com/xinniangdeweidao/LZPlugin_1

如果我们想要想安装device插件那样通过cordova   plugin   add   cordova-plugin-device安装的话我们需要怎么做呢?下面就让我们来看看怎么将自己的插件发布吧。

2.方式二:npm发布cordova插件,现在比较流行的方式。

首先我们要在我们插件的目录下新建一个package.json和一个readme.md文件。

package.json可以通过:

1.plugman create packagejson 你的插件目录

然后根据提示填写信息,在这个过程中需要你填写你的插件项目的Git地址,所以我们需要先将自己的插件上传到git,readme.md文件主要是对插件的介绍和如何使用。,不会自行百度。最终如下:

{

"name": "com.lz.lzplugin",//注意这里的格式,并只能为小写

"version": "1.0.0",

"description": "Use of a gold maps to locate, to obtain location information",

"cordova": {

"id": "com.lz.plugins.lzplugin",

"platforms": [

"android"

]

},

"repository": {

"type": "git",

"url": "https://github.com/xinniangdeweidao/LZPlugin_1.git"

},

"keywords": [

"ecosystem:cordova",

"cordova-android"

],

"author": "lizhen",

"license": "ISC",

"bugs": {

"url": "https://github.com/xinniangdeweidao/LZPlugin_1/issues"

},

"homepage": "https://github.com/xinniangdeweidao/LZPlugin_1#readme"

}

然后我们需要使用npm将插件上传到npm。

如果没有在npm注册用户的话,先执行

npm    addUser

已经注册用户的话则执行:

npm    login

最后执行

npm    publish

然后在npm中就可以找到自己上传的包,便可以通过cordova plugin add cordova-plugin-gaodelocation进行插件的安装了。

注意:我把自己的代码托管到了github上,并且发布到了npm上,可有个问题,当我修改了自定义插件的部分代码,同步到github上之后,再通过引入插件的方式把我自己的插件引入到项目当中。

先更改package.json文件中的版本号,然后输入指令npm publish就ok了

阅读全文
0 0
原创粉丝点击