Cordova+Angularjs+Ionic混合开发入门篇(五
自己编写完的插件只能自己使用,想共享到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了