第一步第二步都要必须由后端完成,返回图片地址给前端!!原因??如下图:
想了解,想尝试的可以看看:
第一步:获取ACCESS_TOKEN
// 这一步 前端可以试试请求玩玩,一般由后端获取access_Token。后端请求微信API接口时会用到这个access_Token,前端
再请求会造成重复请求,会使之前的access_token过期。
第二步:获取小程序二维码并渲染:
小程序API地址
wx.request({ // url:'https://api.weixin.qq.com/wxa/getwxacode"POST", data: { 'path': "/pages/index/index" + openid, // 携参数openid 'width': '430' }, responseType: 'arraybuffer', success: function (res) { console.log(res.data) // 二维码 that.setData({ qrcode: res.data }) }, fail: function (res) { console.log('fail') } })
最后结果会出现小程序乱码,(这是个二进制流文件):
解决?
可以利用微信小程序拓展接口,(后台转二进制流也是可以的,后台获取后,直接保存为图片,然后将图片路径返回给前台)。
wx.arrayBufferToBase64(arrayBuffer) 可以将二进制流转为base64,拓展接口方法地址
// 前端请求完整方法:
wx.request({ // url:'https://api.weixin.qq.com/wxa/getwxacode"POST", data: { 'path': "/pages/index/index" + openid, // 携参数openid 'width': '430' }, responseType: 'arraybuffer', // arraybuffer是以数组的语法处理二进制数据,称为二进制数组。 success: function (res) { let data = wx.arrayBufferToBase64(res.data); that.setData({ qrcode: 'data:image/png;base64,' + data }) }, fail: function (res) { console.log('fail') } })
wxml文件:
<image src='{{qrcode}}' />
这样二维码就可以出现了,
首页获取二维码参数
onLoad: function (options) { // console.log(options.openid) if (options.openid) { wx.setStorageSync('openid', options.openid) // 将openid缓存 } }
要使用的时候,拿缓存则:let openid = wx.getStorageSync("openid");
如果后端给你传的是base64?
那么恭喜你,本该传图片路径给你...
解决base64图片显示的方法:
var array = wx.base64ToArrayBuffer(res.data.data) var base64 = wx.arrayBufferToBase64(array) if (res.statusCode == 200) { that.setData({ qrcode: 'data:image/jpeg;base64,' + base64, // data 为接口返回的base64字符串 }) }
附:前端请求获取access_token与小程序二维码(试试)
wx.request({ // 获取token url: 'https://api.weixin.qq.com/cgi-bin/token"/pages/index/index", "width": 430 }, success(res) { console.log(res.data) // 后台转二进制流,后台获取后,直接保存为图片,然后将图片路径返回给前台 // 前端转,如上 } }) } })
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
微信小程序,生成,参数,二维码
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。