VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云最新优惠促销活动
jtti最新优惠促销活动

如何在小程序中创建页面二维码

locvps
主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

如何在小程序中创建页面二维码?下面这篇文章介绍了在微信小程序中生成当前页面二维码的方法,希望对大家有所帮助!

如何在小程序中创建页面二维码

在微信小程序的开发中,很多业务场景都需要生成一个二维码,然后通过扫描二维码进入指定页面。【相关学习推荐:小程序开发教程】

我以前没有遇到过这种需求。我最近接了一份私活,我有这种需求。查了一下资料,发现官方提供了API。让我们操作它。

1.png

这是官方文档的介绍,我在这里使用云调用。

首先,在云函数文件夹中创建一个名为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;二维码&amp。#39;,success(RES){ console . log(RES);},fail(RES){ console . log(RES);}})看看这里res输出了什么。

2.png

Res.result.buffer是我们想要的,因为它是图像数据,所以它为我们转换为缓冲区数据。我们需要进行转换。然后放在我们的云存储空间。

以下是完整的代码:

wx . cloud . call function({ name:& amp;#39;二维码&amp。#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);}})再次查看输出:

3.png

转换后,我们最不想要的就是这个fileID,它是二维码在云存储中存储的地址。

4.png

这样,我们就可以真正生成指定页面的二维码,并通过扫描进入。\

对了,这个东西应该是和网络版同步的。比如我现在在开发工具上调试这个功能,生成的二维码会跳转到页面pages/index/index。现在你扫描这个二维码,跳转到你的在线版本的页面内容,可能与你编辑器中的内容不一致。有问题大家可以加我联系方式交流。

更多编程相关知识请访问:编程教学!!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:如何在小程序中创建页面二维码 https://zhujicankao.com/107802.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 如何在小程序中创建页面二维码
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!