微信小程序插件的名称也必须是独一无二的,申请完毕后就可以获得插件的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 文件配置。配置好后,我就可以上传插件代码到腾讯服务器,进入微信小程序开发者后台提交审核,腾讯审核通过后,第三方小程序就可以使用我们编写的这个插件了。
如何使用第三方插件
使用第三方插件之前,需要进入微信小程序开发者后台,在第三方服务里添加插件:
需要第三方同意你的申请后,你就可以开始使用第三方插件了。
使用第三方插件的时候,需要在 我们自己的小程序的 app.json 做如下配置:
{ pages: [ pages/index/index ], plugins: { myPlugin: { version: dev, provider: 填写申请通过的插件AppId } } }
plugins: 配置的要使用的第三方插件列表。
插件列表配置好后,由于每个插件可能会有多个组件,所以需要我们在每个页面定义要使用到的组件,例如,在 index.js 中要使用 hgPlayer 这个组件,需要在 index.json 配置。配置好 index.json 后,就可以在 index.wxml 直接使用了。
推荐:《小程序开发教程》
以上就是如何开发小程序插件?的详细内容,更多请关注其它相关文章!