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插件。

    image
  3. 弹出对话框,填写插件id和地址和分类,点击【创建】。

    image
  4. 创建的插件在这里:

    image

    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目录下写好的插件,弹出选择框,选择发布到插件市场。

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

    image

    image

    image

    image

    image

    注意:
  1. 提交后就会发布到插件市场,可到管理中心查看:https://ext.dcloud.net.cn/manage

参考

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

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

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

上网的虫不叫网虫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值