前言
遇到了一个需求,想要扫码后,进入微信小程序的某一个页面,这就要求二维码携带参数。
微信小程序开发文档很简单,但不太具体。
经百度和折腾,在express中成功获得了带参数的二维码。
总结以下几步,供参考。
1.express项目中引入http请求工具
为什么要在服务端引入这个工具?因为还需要用这个工具去找微信服务端拿access_token接口凭证,来保证安全。
笔者用的是axios。cmd进入根目录,npm安装。
# npm i axios --save
肯定需要写一个获得二维码的接口。在写这个接口的文件中引入axios即可,接口路由的写法不具体展开介绍。
import express from 'express'; import axios from 'axios'; //引入axios库 let qrcode= express.Router(); qrcode.post('/getQrode',async (req,res)=>{ try { ... //待写接口内容区域 } catch (error) { throw error; } }) export default qrcode;
引入了库,定义了路由,也定义了一个post接口。第一步准备完毕。
2.获取access_token
找微信服务端拿access_token,需要用上刚刚引入的axios工具了。
通过官方文档介绍,获取access_token需要三个参数,一个常量grant_type,两个变量分别是appid和secret(注册小程序的时候就会获得)
修改接口即可获得access_token
import express from 'express'; import axios from 'axios'; let qrcode= express.Router(); qrcode.post('/share',async (req,res)=>{ try { let appid = 'wxc********b7a'; let secret = '2bfa**************e8682'; let url = `https://api.weixin.qq.com/cgi-bin/token"color: #ff0000">3.获取二维码的二进制数据
阅读文档,得知需要进一步传参,请求微信服务端获取二维码的buffer数据。
需要携带的参数可以写在scene中。其他参数文档中介绍的已经很具体。
然而,这里有两个坑要注意!
第一个坑:access_token参数要写在url中,不然请求后会报未传access_token的错。
第二个坑:要设置响应格式,否则请求回来的buffer数据总是被编译成String字符串,造成文件损坏,就无法转化为正常图片(这个折磨了我好久)
import express from 'express'; import axios from 'axios'; let qrcode = express.Router(); qrcode.post('/share',async (req,res)=>{ try { let appid = 'wxc********b7a'; let secret = '2bfa**************e8682'; let url = `https://api.weixin.qq.com/cgi-bin/token"Content-type":"application/json"}, method: 'post', responseType: 'arraybuffer', url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit"color: #ff0000">4.用buffer生成图片
只要buffer数据是完整的,就能正确生成二维码。
因为需要生成图片,所以需要引用fs模块和path模块。
import express from 'express'; import axios from 'axios'; import path from 'path'; import fs from 'fs'; let qrcode= express.Router(); qrcode.post('/share',async (req,res)=>{ try { let appid = 'wxc********b7a'; let secret = '2bfa**************e8682'; let url = `https://api.weixin.qq.com/cgi-bin/token"Content-type":"application/json"}, method: 'post', responseType: 'arraybuffer', url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit"color: #ff0000">后记
获取二维码后,可以在前端利用canvas进行图片绘制,也可以在后端生成图片。可根据业务需求自行选择。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
幽灵资源网 Design By www.bzswh.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。