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

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

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

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

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

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

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

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输出了什么。

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);}})再看一下输出:

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

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

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

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

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

推荐站内搜索:查ip详细地址、备案域名购买、域名 查询、网站域名ip地址查询、免费云电脑主机永久使用、cm域名、免费永久虚拟主机、国内免备案空间、国内php空间、香港ip、