微信小程序开发框架插件

框架 专栏收录该内容
1 篇文章 0 订阅

微信小程序开发框架插件

插件是对一组js接口,自定义组件或页面的封装,用于嵌入到小程序中使用
插件适合用来封装一些功能和服务,提供给第三方小程序进行展示和使用
创建创建项目
插件目录结构

插件开发

在plugin目录中,component目录保存插件中的自定义组件,主要由js,wxml,wxss,json文件构成;api目录保存插件的js接口
插件的配置文件plugin/plugin.json

{
  "publicComponents": {
    "list": "components/list/list"
  },
  "main": "index.js"
}

publicComponents表示当前插件可以给使用的小程序提供那些组件,
main用于配置入口文件,在入口文件index.js中可以定义小程序使用插件的哪些接口
plugin/index.js文件
对外开放了getData和setData这两个接口,用于给使用插件的小程序使用

var data = require('./api/data.js')
module.exports = {
  getData: data.getData,
  setData: data.setData
}

使用插件

在使用插件前,首先要在“小程序管理后台”的“设置”-“第三方服务”-“插件管理”
中添加插件。
对于开发者自己编写的插件,需要按照小程序官方文档中的小程序插件接入指南进行开发,满足要求才可以发布上线。
在开发阶段,可以直接在插件项目的 miniprogram目录中编写小程序代码来测试插件。
在miniprogram/app.json文件

{
  "pages": [
    "pages/index/index"
  ],
  "plugins": {
    "myPlugin": {
      "version": "dev",
      "provider": 
    }
  }
}

plugins中可以包含多个插件声明,每个插件声明以一个使用者自定义的插件引用名作为标识,并指明插件的appid(provider)和需要使用的版本号(version).在后续使用中,该引用名将被用于表示该插件

miniprogram/pages/index/index.json文件
用于使用插件中的自定义组件,list表示在wxml中使用的标签名,list的值是以plugin://协议指明插件的引用名和自定义组件名.

{
  "usingComponents": {
    "list": "plugin://myPlugin/list"
  }
}

miniprogram/pages/index/index.wxml文件
通过标签使用自定义组件plugin://myPlugin/list

<list />

miniprogram/pages/index/index.js文件
通过requirePlugin()函数可以获得插件在plugin/index.js文件中对外开放的接口,通过plugin对象调用,如plugin.getData()

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值