微信小程序插件

简介:

微信小程序插件

介绍

微信小程序插件是对一组js接口,自定义组件或页面的封装,用来嵌入微信小程序中,用来被开发者调用。

微信小程序必须嵌入到其他程序中才能使用。

插件具有独立的api,域名列表。

开始

创建插件项目

完成以后界面如下

创建完成以后目录如下

- pluggin    // 插件目录,存放插件代码
- miniprogram    // 放置小程序目录,用于存放代码
- doc    // 用于存放说明文档

插件的目录结构

示例的文件目录如下所示

说明,在上方的目录结构中,plugin为插件目录,api文件夹下的data.js为导出的接口。list为插件的组件,index.js为插件的js文件,plugin.json为插件的配置文件。

plugin.json

此文件为该插件的配置文件,向第三方开放的组件,页面和js接口都在该文件里

{

"publicComponents": {

"list": "components/list/list"

},

"main": "index.js"

}

获取用户信息,发起支付可以在获取插件功能页中获取并使用。

插件开发

自定义组件

插件可以使用自定义组件。自定义组件的目录在components。创建自定义组件需要四个文件,wxml,wxss,js,json四个文件,还需要在plugin.json文件下的publicComponents对象中,添加该组件的名称,以及路径。

页面

页面同样具有四个文件,wxml,wxss,js,json四个文件构成,
同样的页面需要在json文件中的page文件中配置。
跳转使用navigator组件进行跳转。

接口

在module中的export中导出接口文件。

插件开发文档

编写doc下的readme.md文件

文档中的链接只能链接到

  1. github
  2. 微信开发者社区
  3. 微信开发者平台

使用插件

添加插件

登录后台,添加插件

目前添加的插件为知晓云的sdk插件

知晓云 https://cloud.minapp.com 具有插件市场,以及小程序市场,是滴,之前了解过知晓云。使用知晓云,可以快速的实现消息的转发,对上传的图片进行鉴黄,以及裁剪等操作。还有关于node.js的云函数功能,能实现关于微信支付,邮件,模板消息,网络请求,图片鉴黄,还提供运营后台的api,能实现包括,对用户的授权认证,内容模块的操作,以及文件模块,用户模块的操作,以及知晓云的开放api,以及开放了一个url作图功能 http://support.minapp.com/hc/kb/article/1082737/ 对于这个功能来说,我还是比较喜欢的,灰常简单,直接调用接口即可。完成了图片的处理,对于图片的处理来说,直接在另一端处理,简化了开发。并且知晓云还提供了一个基于微信小程序的富文本编辑器,完成对富文本的处理 github 地址 https://github.com/ifanrx/wxParser 简化了微信小程序的开发

目前正在使用的授权的第三方平台有,知晓云,腾讯云,插件有知晓云sdk
下面将以知晓云sdk作为实例
知晓云文档 https://doc.minapp.com/

知晓云

创建 企业,创建应用,进行公众号授权
创建完成以后页面如下

接续去github上拉去知晓云提供的dome

完成后效果如上所示

接着微信后台完成服务器域名的配置

加入插件的引用声明

加入如下的内容

"plugins": {

"sdkPlugin": {

"version": "1.7.0",

"provider": "wxc6b86e382a1e3294"

}

}

在app.js文件中完成初始化操作

登录 https://cloud.minapp.com/dashboard/#/app/settings/app/
获取ClientID 进行初始化操作

//app.js

App({

onLaunch: function() {

let that = this

  

// 引入 BaaS SDK

require('./utils/sdk-v1.4.0')

  
  

let clientId = this.globalData.clientId

  

wx.BaaS.init(clientId)

},

  

globalData: {

clientId: '*****************', // 从 BaaS 后台获取 ClientID

tableId: null, // 从 https://cloud.minapp.com/dashboard/ 管理后台的数据表中获取

}

})

创建数据表

数据表的crud操作

// pages/hello/hello.js

Page({

  

/**

* 页面的初始数据

*/

data: {

creatingBookName: '',

},

  

/**

* 绑定添加书目的提交按钮点击事件,向服务器发送数据

**/

createBook: (e) => {

let bookName = this.data.creatingBookname; // 缓存在data对象中的输入的书名

let tableID = '1'; // 从后台获取到的对应数据表的id

let Books = new wx.Baas.TableObject(tableID); // 实例化tableID的数据表对象

let book = Books.create(); // 创建一条记录

  

// 调用创建数据项接口,对数据进行储存

book.set({bookName})

book.save();

book.then(() => {

})

},

  

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

  

},

  

/**

* 生命周期函数--监听页面初次渲染完成

*/

onReady: function () {

  

},

  

/**

* 生命周期函数--监听页面显示

*/

onShow: function () {

  

},

  

/**

* 生命周期函数--监听页面隐藏

*/

onHide: function () {

  

},

  

/**

* 生命周期函数--监听页面卸载

*/

onUnload: function () {

  

},

  

/**

* 页面相关事件处理函数--监听用户下拉动作

*/

onPullDownRefresh: function () {

  

},

  

/**

* 页面上拉触底事件的处理函数

*/

onReachBottom: function () {

  

},

  

/**

* 用户点击右上角分享

*/

onShareAppMessage: function () {

  

}

})

大致如上所示。
至此,知晓云了解到此结束。因为有微信小程序云开发了,并且也会node+express 或者koa框架,所以直接使用微信小程序云开发即可,

目录
相关文章
|
Shell 数据安全/隐私保护 Python
微信虚拟摄像头插件,QQ虚拟相机拍摄录像工具,替换虚拟视频聊天软件
完整的虚拟摄像头实现方案,包含多个模块的代码实现。这个项目可以模拟摄像头设备,并在微信/QQ视频
|
算法 Java API
用录像代替视频聊天,虚拟视频聊天软件微信QQ, 微信第三方插件虚拟视频插件
核心视频处理模块使用JavaCV实现视频捕获、特效处理和虚拟设备输出 Xposed模块通过Hook微信摄像头相关方法实现视频流替换
|
人工智能 小程序
【一步步开发AI运动小程序】二、引入插件
随着人工智能技术的发展,阿里体育等公司推出的“乐动力”、“天天跳绳”等AI运动APP广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。内容包括新建uni-app项目、配置插件、部署模型、安装依赖包、全局初始化和调用插件对象。
|
Shell Android开发 Python
微信多开脚本,微信双开器脚本插件,autojs开源代码分享
AutoJS脚本实现安卓端微信多开,通过无障碍服务 Python脚本提供跨平台解决方案,自动检测微信安装路径
|
JSON 机器人 API
微信机器人自动回复插件,vx自动回复机器人脚本助手,python框架分享
这个微信机器人系统包含三个主要模块:主程序基于itchat实现微信消息监听和自动回复功能
|
Java 计算机视觉
微信虚拟视频聊天插件,QQ抖音快手虚拟摄像头工具,替换相机视频流java
实现包含了虚拟摄像头核心功能,可以捕获真实摄像头视频流,处理后输出到虚拟摄像头设备。
微信qq陌陌soul,虚拟视频聊天插件,xposed摄像头替换工具
包含三个核心模块:虚拟摄像头服务、视频处理引擎和Xposed框架集成。
|
JSON 安全 定位技术
微信附近人提取v3脚本, 微信附近人id提取技术插件,采集附近人wxid数据工具
本内容介绍微信“附近的人”功能的技术原理与实现方法,基于LBS服务,涉及位置模拟、协议分析及数据解析。通过修改GPS坐标或使用Frida等工具hook位置函数
微信封号脚本插件,全自动批量投诉工具, vx隔空抓包封号思路【仅供学习参考用途】
这是一款针对微信投诉自动化处理的工具插件,通过模拟点击操作实现批量投诉功能。相比手动投诉,该插件效率更高、成功率更有保障。
|
监控 数据库 数据安全/隐私保护
微信自动抢红包永久免费软件, 自动抢红包软件微信,脚本插件抢红包【python】
该实现包含三个核心模块:主监控程序、数据库记录模块和配置模块。主程序使用itchat监听微信消息

热门文章

最新文章