主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
如何在小程序中创建页面二维码?下面这篇文章介绍了在微信小程序中生成当前页面二维码的方法,希望对大家有所帮助!
在微信小程序的开发中,很多业务场景都需要生成一个二维码,然后通过扫描二维码进入指定页面。【相关学习推荐:小程序开发教程】
我以前没有遇到过这种需求。我最近接了一份私活,我有这种需求。查了一下资料,发现官方提供了API。让我们操作它。
这是官方文档的介绍,我在这里使用云调用。
首先,在云函数文件夹中创建一个名为QrCode的新云函数。写以下内容。
const cloud = require(& amp;#39;wx-server -SDK & amp;#39;)cloud . init({ env:& amp;#39;云环境id &;#39;,})exports . main = async(event,context)= & gt;{ try { const result = await cloud . open API . wx code . create QR code({ path:& amp;#39;& amp & amp;的页面路径;#39;,width:430 })return result } catch(err){ return err } }这是一个官方文档的示例,因此您可以根据自己的情况进行修改。
然后我们在客户端调用这个云函数。
wx . cloud . call function({ name:& amp;#39;二维码&。#39;,success(RES){ console . log(RES);},fail(RES){ console . log(RES);}})看看这里res输出了什么。
Res.result.buffer是我们想要的,因为它是图像数据,所以它为我们转换为缓冲区数据。我们需要进行转换。然后放在我们的云存储空间。
以下是完整的代码:
wx . cloud . call function({ name:& amp;#39;二维码&。#39;,success(RES){ console . log(RES);const file PATH = ` $ { wx . env . user _ DATA _ PATH }/test . jpg `;wx.getFileSystemManager()。writeFile({ file path,data:res.result.buffer,encoding:& amp;#39;二进制& amp#39;,成功:()= & gt{ wx . cloud . uploadfile({ cloud path:& amp;#39;二维码1 . png & amp;#39;,filePath,success(Res){ console . log(& amp;#39;成功& amp#39;,Res);},fail(Res){ console . log(& amp;#39;失败与失败。#39;,Res);} })} })},fail(RES){ console . log(RES);}})再次查看输出:
转换后,我们最不想要的就是这个fileID,它是二维码在云存储中存储的地址。
这样,我们就可以真正生成指定页面的二维码,并通过扫描进入。\
对了,这个东西应该是和网络版同步的。比如我现在在开发工具上调试这个功能,生成的二维码会跳转到页面pages/index/index。现在你扫描这个二维码,跳转到你的在线版本的页面内容,可能与你编辑器中的内容不一致。有问题大家可以加我联系方式交流。
更多编程相关知识请访问:编程教学!!
这几篇文章你可能也喜欢:
- 微信小程序翻译功能上线:现已支持18种语言
- 如何使用微信小程序中的车牌号输入法(如何使用微信小程序中的车牌号输入法进行打印)
- 微信小程序无法获取位置信息怎么办?(微信小程序无法获取位置信息)
- 微信小程序如何实现九宫格跳(如何在小程序中配置九宫格抽奖)
- 如何调节微信小程序的亮度?
本文由主机参考刊发,转载请注明:如何在小程序中创建页面二维码 https://zhujicankao.com/107802.html
评论前必须登录!
注册