基本原理：

1. 从缓存云数据库中读取token

2. 如果token无效(提前10秒失效,防止时间差导致的无效),则重新获取token和ticket

3. 如果token有效,则优先从缓存获取ticket，并判断ticket是否有效

4. 如果ticket无效,则重新获取ticket

实现过程：

1. 建立云数据库

在database上点右键，新建DB Schema，命令为db-wxcache

新建的json中填写内容（数据库结构及读写权限）：

// 文档教程: https://uniapp.dcloud.net.cn/uniCloud/schema
{"bsonType": "object","required": [],"permission": {"read": true,"create": true,"update": true,"delete": true},"properties": {"_id": {"description": "ID，系统自动生成",},"key": {"bsonType": "string","label": "缓存键名","errorMessage": {"format": "{label}不正确"},"trim": "both"},"value": {"bsonType": "string","label": "缓存数据","errorMessage": {"format": "{label}不正确"},"trim": "both"},"expired": {"bsonType": "int","label": "过期时间(毫秒)","errorMessage": {"format": "{label}不正确"},"exclusiveMinimum": true,"exclusiveMaximum": true,"defaultValue": "-1"}}
}

2. 建立获取签名的云函数

cloudfunctions目录上点右键，新建云函数，命令为wx-signature

3. 下载微信JS-SDK DEMO

概述 | 微信开放文档

示例代码：

https://www.weixinsxy.com/jssdk/sample.zip

将node中的部分文件及目录（node_modules/sign.js/check_sign.js）复制 wx-signature云函数目录下。

修改package.json，添加jssha依赖

修改wx-signature云函数内容，直接上代码：

'use strict';// 用户获取签名的函数
const sign = require('./sign.js');
const db = uniCloud.database()
const appid = "wx9441改成你自己的"
const appsecret = "c06e55782175024改成你自己的"exports.main = async (event, context) => {//event为客户端上传的参数let params = event.params || {}let token = await getToken()console.log('返回token：', token)// token更新了，ticket也需要重新获取let ticketif (token.errcode == 0) {// token是从缓存中获得的，ticket也优先从缓存中获取. token是新获取的，则ticket也要重新获取ticket = await getJsTicket(token)if (ticket.errcode != 0) {// ticket 获取失败return false}} else {// token获取失败return false}console.log('返回ticket：', ticket)// 获取签名let signature = sign(ticket.value, params.url)signature.appId = appidconsole.log("signature:", signature)return signature
};async function getToken() {// 先从缓存获取let backData = {fromcache: 0,value: '',errcode: 0}let tokenKey = 'token-' + appidlet token = await wxCache({action: 'get',data: {key: tokenKey}})if (token !== false) {console.log('缓存中token有效：', token);backData.fromcache = 1backData.value = tokenreturn backData}// 重新获取tokenconsole.log('缓存无效，重新获取');var tokenApiUrl =`https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${appid}&secret=${appsecret}`// 获取tokenlet res = await uniCloud.httpclient.request(tokenApiUrl, {method: 'POST',data: {},dataType: 'json'})// console.log("res.data:", res.data)let result = res.dataif (typeof(result.access_token) == "undefined") {console.log('重新获取Token失败', result)backData.fromcache = 0backData.value = ''backData.errcode = -1} else {console.log('重新获取的Token为:', result)backData.fromcache = 0backData.value = result.access_tokenawait wxCache({action: 'set',data: {key: tokenKey,value: result.access_token,expired: result.expires_in}})}return backData
}async function getJsTicket(event) {let fromCache = event.fromcachelet token = event.valueconsole.log('getJsTicket参数：', event);let backData = {fromcache: 0,value: '',errcode: 0}let ticketKey = 'ticket-' + appidif (fromCache == 1) {// 优先从缓存获取let jsTicket = await wxCache({action: 'get',data: {key: ticketKey}})if (jsTicket !== false) {console.log('缓存中ticket有效：', jsTicket);backData.fromcache = 1backData.value = jsTicketbackData.errcode = 0return backData}}// 重新获取jsapi ticketvar ticketApiUrl =`https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=${token}&type=jsapi`let getTicket = await uniCloud.httpclient.request(ticketApiUrl, {method: 'POST',data: {},dataType: 'json'})let result = getTicket.data// result: { errcode: 0,//   errmsg: 'ok',//   ticket: 'LIKLckvwlJT9cWIhEQTwfKh7TWM03H6AjolJNHO5VEbk6XPxB-iHTT2gMB2OH7HqB3YnAsvZr0ibHwBmAHQvaw',//   expires_in: 7200 }// console.log('jsapi_ticket:', result)if (result.errcode == 0) {console.log('重新获取的jsapi_ticket为:', result.ticket)await wxCache({action: 'set',data: {key: ticketKey,value: result.ticket,expired: result.expires_in}})backData.fromcache = 0backData.value = result.ticketbackData.errcode = 0} else {console.log('重新获取jsapi_ticket失败', result)backData.fromcache = 0backData.errcode = -1}return backData
}async function wxCache(event) {const {action,data} = eventconst {key,value,expired} = datalet res, docListconsole.log("wxCache event:", event)console.log("wxCache data:", data)let timestamp = new Date().getTime(); // 1635496676223(毫秒级)console.log("wxCache timestamp:", timestamp)switch (action) {case 'set':let expireTimestamp = timestamp + expired * 1000; // 毫秒docList = await db.collection('db-wxcache').where({key: key}).get()if (!docList.data || docList.data.length === 0) {// addconsole.log("wxCache set expired:", expireTimestamp)res = await db.collection('db-wxcache').add({key: key,value: value,expired: expireTimestamp}).catch(err => {console.log("wxCache set failed")})console.log("wxCache set res:", res)} else {// updateconsole.log("wxCache update expired:", expireTimestamp)res = await db.collection('db-wxcache').doc(docList.data[0]._id).update({key: key,value: value,expired: expireTimestamp});if (res.updated === 1) {return true} else {return false}}break;case 'get':docList = await db.collection('db-wxcache').where({key: key}).get()if (!docList.data || docList.data.length === 0) {return false}console.log("wxCache get:", docList.data)if (timestamp + 10 * 1000 > docList.data[0].expired) { // 提前10秒失效return false}console.log("wxCache left(毫秒):", docList.data[0].expired - timestamp - 10000)console.log("wxCache get value:", docList.data[0].value)return docList.data[0].valuebreak;case 'remove':console.log("wxCache remove")docList = await db.collection('db-wxcache').where({key: key}).get()if (!docList.data || docList.data.length === 0) {return true}res = await db.collection('db-wxcache').doc(docList.data[0]._id).remove()if (res.deleted === 1) {return true} else {console.log("wxCache remove failed")return false}break;case 'removeall':res = await collection('db-wxcache').get()res.data.map(async (document) => {return await collection('db-wxcache').doc(document.id).remove();});return truedefault:return 'error action'break;}return false
}

3. 上传部署

分别在新加的db schema和云函数上点右键，上传部署

还没有引入JS-SDK，因此下一节将讲一下对签名获取的测试

uni-app开发微信公众号扫码功能(2)-微信token缓存相关推荐

uni-app开发微信公众号扫码功能(1)-测试环境
需求:通过公众号的菜单实现二维码扫描,并将扫描的数据存入云数据库中. 1. 新建UNI-APP项目新建qrscan项目,启用uniCloud,选择阿里云创建并关联云空间开通前端网页托管 2. 微 ...
手把手教程用Java实现微信公众号扫码登录功能
文章目录前言一.环境准备二.使用步骤 1. 使用微信工具包 2. 创建数据表 3. 登录页面代码逻辑 4. 验证微信公众号登录总结前言微信现今是我们必不可少的社交工具了,围绕微信这个生态实 ...
实现支持多公众号的微信公众号扫码登录服务
实现支持多公众号的微信公众号扫码登录服务最近,在公司的通行证项目开发过程中,需求方提出了支持微信公众号扫码登录,并且可以支持多公众号接入的需求.研究了一下微信公众号的开发文档,实现微信公众号扫码登录 ...
微信公众号扫码授权登录思路
引言上学期研究了一下微信登录相关内容,也写了两三篇笔记,但是最后实际登录流程没有写,主要因为感觉功能完成有所欠缺,一直也没有好的思路:这两天我又看了看官方文档,重新构思了一下微信公众号登录相关的内容 ...
简单分享微信公众号扫码抽奖活动怎么做
公众号线上抽奖相比于现场抽奖有很多好处,除了成本更低,宣传范围更广,能够吸引更多的参与,还有一大好处就是,线上抽奖比线下更容易挖掘潜在客户.抽奖活动可以手机客户的手机号,年龄,消费信息等.对流量转化和 ...
提问：微信网页授权到第三方调用错误、调用微信公众号扫码登陆错误、微信SCOP权限错误或没有权限
总结: 调用微信扫码,但是微信返回提示SCOP错误,我的微信公众号认证了,也把对应的域名填写了,代码上填写的snsapi的路径是填写在对用网页授权域名下的路径. 错误原因: 应该是微信公众号上的配置错 ...
微信公众号扫码登录提示网络出错了, 轻触屏幕重新加载-1001错误
iphone 手机扫码或者密码登录, 使用WiFi或者4G扫码登录微信公众号都提示1001错误出现问题的场景:调用微信网页授权https://open.weixin.qq.com/connect/ ...
java_微信公众号扫码绑定个人信息（微信公众号场景值二维码的使用）
看了一下网上关于公众号场景值二维码这方面的教程,基本上是微信官方开发文档的复制,没有具体实例.这里给出实例,并附加二维码url转文件流的方法. 思路: 1.后台传入个人信息保存,以个人信息的" ...
微信公众号扫码自动回复消息
临时二维码请求说明必须携带参数 expire_seconds http请求方式: POST URL: https://api.weixin.qq.com/cgi-bin/qrcode/create? ...

uni-app开发微信公众号扫码功能(2)-微信token缓存

基本原理：

实现过程：

uni-app开发微信公众号扫码功能(2)-微信token缓存相关推荐

最新文章

热门文章