主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!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。你现在扫描这个二维码,你的网络版的页面内容会跳转,可能和你编辑器里的不一致。有问题可以加我的联系方式交流。
更多编程知识请访问:编程教学!!以上就是小程序中如何创建页面二维码的细节。请多关注主机参考其他相关文章!
这几篇文章你可能也喜欢:
- 如何实现小程序发送服务通知(小程序如何主动向用户发送通知)
- 如何获取小程序的unionid(如何获取小程序的页面路径)
- 生成海报的示例小程序(Java后端)(微信小程序生成海报演示)
- 什么是小程序? 有哪些功能?(什么是小程序?有哪些功能?)
- 介绍如何用小程序生成参数二维码(二维码+小程序参数)
本文由主机参考刊发,转载请注明:如何在小程序中创建页面二维码(如何在小程序中创建页面二维码图标) https://zhujicankao.com/76560.html
评论前必须登录!
注册