微信小程序插件开发

发布于2019年7月31日 15:53:37 ,最后一次修改于2023年6月22日 15:17:55

微信小程序插件的发布方便了代码公用和数据交互,可以保证业务功能公用的同时保证代码的安全性。

微信插件的定义如下:插件是对一组 js 接口、自定义组件或页面的封装,用于嵌入到小程序中使用。插件不能独立运行,必须嵌入在其他小程序中才能被用户使用;而第三方小程序在使用插件时,也无法看到插件的代码。因此,插件适合用来封装自己的功能或服务,提供给第三方小程序进行展示和使用

所以我们开发插件时还需考虑它的特性和使用场景,插件的审核比小程序严格多了,一般审核周期也较长。

下面总结下插件相关的内容:
开发:官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/development.html,文档里已经介绍的很详细了,这里不再细讲了;

传参:小程序向插件内组件传参,跟小程序组件传参基本一致;小程序向插件内页面传参:可以通过URL带参和向外暴露变量传参。
从url传参:

<navigator url=plugin-private://{appid}/pages/list/index?options={params}></navigator>

在插件内页面通过query获取相应的值, 一般参数比较少可以通过url传参解决,如果相关配置较多,则可通过以下方式实现。

通过变量配置传参:

在插件index.js文件暴露变量名:

let config = {}
module.exports = { config }

在第小程序使用该插件页面js文件:

// 引入插件

const plugin = requirePlugin("plug");
Page({
    onLoad(){
        // 配置插件所需要的参数
        plugin.config = {
            name: '',title: '',
            id: '',
            url: '',
            img: '',
            ....
        }
    }
})

那么在插件内监听数据:
在插件内的相关页面js文件种:

// 引入插件index.js 文件
const plugin = require('../../index')
Page({
    onLoad () {
        let config = plugin.config // 获取小程序传过来的参数
    }
})

插件的安全性:

  1. 一般可以通过使用插件的小程序appid和插件的签名验证
  2. 在后台配置使用者的appid及插件的token
  3. 验证:如果从请求head中的refer字段中appid与后台appid库的不匹配,则直接拒绝其继续访问插件。如果匹配,则继续验证其签名准确性

本文共 1 个回复

发表评论