如何开发小程序插件?

阅读 7317  ·  发布日期 2020-08-24 17:26  ·  温州雄霸网络科技有限公司|建站|APP小程序制作|做网站SEO推广优化
【摘要】 如何开发小程序插件?下面本篇文章给大家介绍一下微信小程序的开发使用教程。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。近期,微信小程序发布了重大功能更新,支持插件的使用和开发。消息一出,小程序开发者蜂拥而至,开始专研插件开发,不久后会有一批优质服务的插件上线是可以预见的。从开发者的角度来看,最关心的问... 【温州小程序开发,温州微信公众号,平阳做网站,平阳网站建设公司,平阳小程序商城制作,昆阳万全做网站,鳌江水头小程序,萧江腾蛟微信公众号,山门顺溪南雁海西南麂凤卧麻步怀溪网络网店服务,政采云网店管理服务】...

如何开发小程序插件?

如何开发小程序插件?下面本篇文章给大家介绍一下微信小程序的开发使用教程。
有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
近期,微信小程序发布了重大功能更新,支持插件的使用和开发。
消息一出,小程序开发者蜂拥而至,开始专研插件开发,不久后会有一批优质服务的插件上线是可以预见的。
从开发者的角度来看,最关心的问题是怎么开发微信小程序插件,首先需要对小程序插件了解。
什么是微信小程序插件?插件一组由js和自定义组件封装的代码库,插件无法单独使用、也无法预览,必须被其他小程序应用嵌入,才能使用。
它和NPM的依赖、Maven的依赖库是一个道理。
不过,插件和NPM、Maven依赖管理不同的是:
插件拥有独立的API接口和域名列表,不被小程序本身的域名列表限制。
(NPM依赖进来的库不能进行第三方数据请求);插件必须由腾讯审核通过才能使用(NPM无需腾讯审核);使用第三方插件必须向第三方申请(通过NPM使用第三方库无需向第三方申请)。
所以在未来,插件或许会被第三方打包成为服务,而不仅仅只是一个代码库。
如何开发微信小程序插件?下载最新的微信小程序开发者工具,打开开发者工具,进入小程序项目。
点击,右下角的 “创建” 按钮,就可以创建插件了,插件的AppId和之前的微信小程序的AppId是同个道理,需要在微信开发者后台新建一个微信小程序插件:
微信小程序插件的名称也必须是独一无二的,申请完毕后就可以获得插件的AppId了。
填写名称和插件AppID后,就可以进入小程序项目。
在文件 project.config.json 中,我们看到代码如下:
{
miniprogramRoot:./miniprogram, pluginRoot:./plugin, compileType:plugin, setting: {
newFeature: true }
, appid: ....., projectname:videoPlayer, condition: {
}
}
miniprogramRoot:
配置小程序的根目录,可以使用小程序来测试编写的插件pluginRoot:
插件相关代码所在的根目录compileType:
项目的编译类型,必须配置为 plugin,在上传代码的时候才会以插件的方式上传到腾讯服务器。
在 plugin/plugin.json 文件中,代码如下:
{
publicComponents: {
hgPlayer:components/player/player }
, main: index.js }
publicComponents:
配置的是插件可以给使用的小程序提供哪些组件,一个插件可以定义很多个组件,组件和组件之间相互引用,但是小程序只能使用在publicComponents里配置的组件。
main:
定义入口文件,在入口文件 index.js 中定义小程序可以使用插件的那些接口。
在 plugin/index.js 文件中,代码如下:
var data =require('
./api/data.js'
) module.exports= {
getData: data.getData, setData: data.setData }
在 plugin/index.js 定义了对外抛出接口为 getData 和 setData,小程序在使用这个插件的时候,只能使用到插件提供的这两个接口,插件的其他接口(或方法)小程序无法使用。
做好以上配置后,就可以开始在 plugin/components 编写组件代码了。
代码编写完毕后,注意在 plugin/plugin.json 文件配置。
配置好后,我就可以上传插件代码到腾讯服务器,进入微信小程序开发者后台提交审核,腾讯审核通过后,第三方小程序就可以使用我们编写的这个插件了。
如何使用第三方插件使用第三方插件之前,需要进入微信小程序开发者后台,在第三方服务里添加插件:
填写第三方插件的AppId,点击添加按钮,对方账号的 小程序插件 > 申请管理 会出现你的申请,需要第三方同意你的申请后,你就可以开始使用第三方插件了。
使用第三方插件的时候,需要在 我们自己的小程序的 app.json 做如下配置:
{
pages: [ pages/index/index ], plugins: {
myPlugin: {
version: dev, provider: 填写申请通过的插件AppId }
}
}
plugins:
配置的要使用的第三方插件列表。
插件列表配置好后,由于每个插件可能会有多个组件,所以需要我们在每个页面定义要使用到的组件,例如,在 index.js 中要使用 hgPlayer 这个组件,需要在 index.json 配置。
配置好 index.json 后,就可以在 index.wxml 直接使用了。
推荐:
《小程序开发教程》以上就是如何开发小程序插件?的详细内容,更多请关注php中文网其它相关文章!
微信
分享相关标签:
小程序 插件本文转载于:
即速资讯,如有侵犯,请联系a@php.cn删除
上一篇:
小程序如何实现分页加载数据功能?
下一篇:
小程序如何接入和维护微信登录态?相关文章相关视频如何关闭微信小程序的声音微信小程序不能分享朋友圈吗如何开发一个音乐播放器小程序?怎么禁止微信小程序的游戏如何开发小程序插件?(欧阳克)微信小程序与CMS后台登录小程序中心认识小程序的目录结构 [温州做小程序]