uni-app开发插件并发布到插件市场详细步骤

1,106 阅读2分钟

背景

uni_modulesuni-app的插件模块化规范(HBuilderX 3.1.0+支持),通常是对一组js sdk、组件、页面、uniCloud云函数、公共模块等的封装,用于嵌入到uni-app项目中使用,也支持直接封装为项目模板。

插件开发者,可以像开发uni-app项目一样编写一个uni_modules插件,并在HBuilderX中直接上传至插件市场。

uni_modules开发的插件,可以直接在uniapp的任意页面直接使用,与easycom组件模式类似,避免了每个页面引入才能使用。

更多uni_modules相关内容:uniapp.dcloud.io/uni_modules

开发前提条件

  • 开发环境HBuider X
  • 用于开发插件的uniapp项目
  • 开发和测试环境(我用的微信开发工具、手机)

插件开发步骤

一、新建uni_modules插件

  1. uniapp项目根目录新建uni_modules文件夹(如果有可以忽略这步)。
  2. 右击uni_modules文件夹,点击新建uni_modules插件。 在这里插入图片描述
  3. 弹出对话框,填写插件id和地址和分类,点击【创建】。请添加图片描述 创建的插件在这里: 请添加图片描述 uni-modules的目录结构请参考:uniapp.dcloud.io/uni_modules…

二、编写插件内容

这里的内容就不展示了,这里是我开发一个多行文本收起展开插件,相关内容:ext.dcloud.net.cn/plugin?id=7…

  • 编写插件文档
  • 编写插件下面的readme.md插件文档。
  • 发布到插件市场 鼠标右击uni_modules目录下写好的插件,弹出选择框,选择发布到插件市场。

在这里插入图片描述 弹出发布到插件市场的对话框,填好相应的信息,一般会自动填充命的名字。但是是否符合要求需要仔细阅读 插件ID命名规范。继续下滑内容填写相关信息,填完后确认无误,提交。 在这里插入图片描述

注意:

  • 上面的信息可以在插件里的package.json中填写配置。配置的详细说明请参考:添加链接描述
  • 更新日志为必填项。添加的更新日志,会与文件changelog.md同步。
  • 提交后就会发布到插件市场,可到管理中心查看:ext.dcloud.net.cn/manage

快来动手开发自己的第一个插件吧!🌹