当前位置: 首页 > news >正文

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

    注意:
  • 上面的信息可以在插件里的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

相关文章:

  • 小程序跳转:小程序之间的跳转详细步骤(公众号绑定小程序、wx.navigateToMiniProgram实现跳转)
  • JAVA调用DLL使用JNA详细说明实例
  • 小程序跳转:云开发之h5跳小程序
  • 使用系统的CoreLocation定位
  • 小程序跳转:云开发H5跳转小程序的坑,微信可跳,H5无法跳
  • FLAG是什么公司
  • 小程序跳转:h5避免中间页直接打开微信小程序
  • 安装windows后grub的恢复
  • uniapp开发:uniapp之切换vue3,一直使用一直爽
  • uniapp开发:uniapp之vue2、vue3运行至h5请求跨域配置
  • PHP从零开始-笔记-面向对象编程的概念
  • 运行环境之小程序环境判断与h5等多平台环境区分汇总
  • Git 简易手册
  • css样式:单行与多行文本溢出显示省略号
  • 启动图制作:Android Studio制作.9.png图亲测详细流程之每步图解
  • [ JavaScript ] 数据结构与算法 —— 链表
  • 【面试系列】之二:关于js原型
  • 【跃迁之路】【463天】刻意练习系列222(2018.05.14)
  • co.js - 让异步代码同步化
  • Flannel解读
  • Leetcode 27 Remove Element
  • Map集合、散列表、红黑树介绍
  • PAT A1092
  • Python socket服务器端、客户端传送信息
  • Python3爬取英雄联盟英雄皮肤大图
  • Python学习之路13-记分
  • React16时代,该用什么姿势写 React ?
  • SQLServer之创建数据库快照
  • Webpack入门之遇到的那些坑,系列示例Demo
  • Web标准制定过程
  • 服务器从安装到部署全过程(二)
  • 基于阿里云移动推送的移动应用推送模式最佳实践
  • 技术胖1-4季视频复习— (看视频笔记)
  • 前端js -- this指向总结。
  • 融云开发漫谈:你是否了解Go语言并发编程的第一要义?
  • 微信开放平台全网发布【失败】的几点排查方法
  • 小程序 setData 学问多
  • 一天一个设计模式之JS实现——适配器模式
  • 在Docker Swarm上部署Apache Storm:第1部分
  • No resource identifier found for attribute,RxJava之zip操作符
  • 宾利慕尚创始人典藏版国内首秀,2025年前实现全系车型电动化 | 2019上海车展 ...
  • ​ubuntu下安装kvm虚拟机
  • # 再次尝试 连接失败_无线WiFi无法连接到网络怎么办【解决方法】
  • #pragam once 和 #ifndef 预编译头
  • (1)bark-ml
  • (arch)linux 转换文件编码格式
  • (第一天)包装对象、作用域、创建对象
  • (二)【Jmeter】专栏实战项目靶场drupal部署
  • (附源码)spring boot火车票售卖系统 毕业设计 211004
  • (六)vue-router+UI组件库
  • (十) 初识 Docker file
  • (算法)Game
  • (转) RFS+AutoItLibrary测试web对话框
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • ******之网络***——物理***