uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级

目录

  • 背景
  • 开发前提条件
  • 插件开发步骤
  • 参考
  • 更多

背景

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

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

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

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

开发前提条件

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

插件开发步骤

新建uni_modules插件

  1. 在uniapp项目根目录新建uni_modules文件夹(如果有可以忽略这步)。
  2. 右击uni_modules文件夹,点击新建uni_modules插件。

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第1张图片
  3. 弹出对话框,填写插件id和地址和分类,点击【创建】。

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第2张图片
  4. 创建的插件在这里:

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第3张图片

    uni-modules的目录结构请参考:https://uniapp.dcloud.io/uni_modules?id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84

编写插件内容

这里的内容就不展示了,这里是我开发一个可竖向和横向摆放的slider滑动插件的一个案例,相关内容:https://editor.csdn.net/md/?articleId=121018667

编写插件文档

  1. 编写插件下面的readme.md插件文档。
  2. 顺便介绍一个写markdown文档的好帮手:有道云笔记,直接新建markdown文件,重命名为README.md,在里面编辑很方便,编辑好了导出来就是。

发布到插件市场

  1. 鼠标右击uni_modules目录下写好的插件,弹出选择框,选择发布到插件市场。

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第4张图片
  2. 弹出发布到插件市场的对话框,填好相应的信息,一般会自动填充命的名字。但是是否符合要求需要仔细阅读 插件ID命名规范。继续下滑内容填写相关信息,填完后确认无误,提交。

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第5张图片

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第6张图片

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第7张图片

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第8张图片

    uniapp插件开发:uniapp使用uni_modules开发插件、发布插件,直接导入,一键升级_第9张图片

    注意:
  • 上面的信息可以在插件里的package.json中填写配置。配置的详细说明请参考:https://uniapp.dcloud.io/uni_modules?id=%e9%85%8d%e7%bd%ae
  • 更新日志为必填项。添加的更新日志,会与文件changelog.md同步。
  1. 提交后就会发布到插件市场,可到管理中心查看:https://ext.dcloud.net.cn/manage

参考

  • https://www.cnblogs.com/luyj00436/p/15007870.html#beijing

如果对此插件有任何疑问,更多相关技术可以加QQ群交流:568984539

更多前端、uniapp、nodejs等相关知识可关注我个人博客:https://blog.csdn.net/qq_42961150?spm=1011.2124.3001.5343

你可能感兴趣的:(uniapp,javascript,小程序,uni-app,前端)