美文网首页
Cordova+Angularjs+Ionic混合开发入门篇(五

Cordova+Angularjs+Ionic混合开发入门篇(五

作者: zhengelababy | 来源:发表于2017-09-08 12:06 被阅读43次

自己编写完的插件只能自己使用,想共享到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了

相关文章

  • Cordova+Angularjs+Ionic混合开发入门篇(五

    自己编写完的插件只能自己使用,想共享到Internet或者用到别的项目就比较麻烦,这是我们需要把代码做成插件形式,...

  • Cordova+Angularjs+Ionic混合开发入门篇(

    作为一名iOS开发人员,对于移动开发的发展趋势颇为关注。大家都知道,现在的原生移动开发在企业上基本很少使用...

  • Cordova+Angularjs+Ionic混合开发入门篇(二

    经过上一篇环境的搭建,那么接下来就是创建一个ionic工程啦。【iOS版,Mac环境】 通过终端输入 //进入桌面...

  • Cordova+Angularjs+Ionic混合开发入门篇(三

    上一篇是介绍如何创建ionic工程,虽然工程本身带有一些插件,但远远不够满足我们的需求的,所以我们要制作专属插件来...

  • Cordova+Angularjs+Ionic混合开发入门篇(四

    ⚠️:如果工程中使用手动方式加入插件了,那么就一直使用手动加入方式就行了,否则使用命令加入时会清除其他插件,就会造...

  • SpringBoot

    SpringBoot (一) :入门篇 SpringBoot(二) :web综合开发 SpringBoot(三) ...

  • 混合开发

    来源于:IOS-Hybrid(混合开发) 那些设计思想及逻辑部署

  • 混合开发

    http://ask.dcloud.net.cn/docs/组件:http://dev.dcloud.net.cn...

  • 混合开发

    混合开发 框架对比 https://www.jianshu.com/p/8e99b4aed464 混合开发-最全常...

  • 混合开发

    概述 随着移动开发的发展,互联网公司也是层出不穷,有些公司迫于竞争,想要更迅速的更省成本的进行开发,就不再满足 A...

网友评论

      本文标题:Cordova+Angularjs+Ionic混合开发入门篇(五

      本文链接:https://www.haomeiwen.com/subject/hdhokxtx.html