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

如何在小程序中创建页面二维码(如何在小程序中创建页面二维码图标)

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

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

如何在小程序中创建页面二维码(如何在小程序中创建页面二维码图标)

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

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

1.png

这是正式文件的介绍。我这里用的是云通话。

首先,在云函数文件夹中,新建一个名为二维码的云函数。写下以下内容。

const cloud = require( # 39;wx-server -SDK # 39;)cloud . init({ env: # 39;云环境ID # 39,})exports.main = async (event,context)= gt;{ try { const result = await cloud . open API . wx code . create QR code({ path: # 39;跳转的页面路径 # 39;,width: 430})返回结果} catch (err) {return err}}这是一个公文的例子。可以根据自己的情况进行修改。

然后我们在客户端调用这个云函数。

wx . cloud . call function({ name: # 39;二维码 # 39;,success(RES){ console . log(RES);},fail(RES){ console . log(RES);}})看看这里res输出了什么。

2.png

Res.result.buffer就是我们想要的。因为是图像数据,所以把我们变成缓冲型数据。我们需要进行转换。然后放到我们的云存储空间。

以下是完整的代码:

wx . cloud . call function({ name: # 39;二维码 # 39;,success(RES){ console . log(RES);const file PATH = ` $ { wx . env . user _ DATA _ PATH }/test . jpg `;wx.getFileSystemManager()。writeFile({ filePath,data:res.result.buffer,encoding: # 39;二进制 # 39;,成功:()= gt{ wx . cloud . uploadfile({ cloudPath: # 39;QR code 1 . png # 39;,filePath,success(Res){ console . log( # 39;成功 # 39;,Res);},fail(Res){ console . log( # 39;失败 # 39;,Res);} })} })} },fail(RES){ console . log(RES);}})再看一下输出:

3.png

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

4.png

这样我们就真的生成了指定页面的二维码,扫描就能进入。\

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

更多编程知识请访问:编程教学!!以上就是小程序中如何创建页面二维码的细节。请多关注主机参考其他相关文章!

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

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

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

评论 抢沙发

评论前必须登录!