浅谈小程序中怎么创建页面二维码

青灯夜游

发布时间：2021-10-28 10:49:44

3921人浏览过

来源于掘金社区

转载

小程序中怎么创建页面二维码？下面本篇文章给大家介绍一下在微信小程序中生成当前页面二维码的方法，希望对大家有所帮助！

浅谈小程序中怎么创建页面二维码

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

我之前也没碰到过这种需求，最近接了一个私活，就有这种需求，查了下资料，发现官方是提供了API的，下面我们就来操作一下。

这是官方文档的介绍，我这里采用云调用。

首先在云函数文件夹中，新建一个名为QrCode的云函数。写入以下内容。

const cloud = require('wx-server-sdk')
cloud.init({
  env: '云环境ID',
})
exports.main = async (event, context) => {
  try {
    const result = await cloud.openapi.wxacode.createQRCode({
        path: '要跳转的页面路径',
        width: 430
      })
    return result
  } catch (err) {
    return err
  }
}

这是官方文档的实例，按照你的情况再修改就可以。

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

wx.cloud.callFunction({
  name:'QrCode',
  success(res){
    console.log(res);
  },
  fail(res){
    console.log(res);
  }
})

看一下这里的res输出什么。

玻璃钢企业网站源码1.5

本程序源码为asp与acc编写，并没有花哨的界面与繁琐的功能，维护简单方便，只要你有一些点点asp的基础，二次开发易如反掌。 1.功能包括产品，新闻，留言簿，招聘，下载，...是大部分中小型的企业建站的首选。本程序是免费开源，只为大家学习之用。如果用于商业，版权问题概不负责。1.采用asp+access更加适合中小企业的网站模式。 2.网站页面div+css兼容目前所有主流浏览器，ie6+，Ch

下载

res.result.buffer是我们要的东西，因为是图片数据，所以它给我们转成了buffer类型的数据。我们需要进行一下转换。然后放进我们云存储的空间里。

下面是完整代码：

 wx.cloud.callFunction({
      name:'QrCode',
      success(res){
        console.log(res);
        const filePath = `${wx.env.USER_DATA_PATH}/test.jpg`;
        wx.getFileSystemManager().writeFile({
          filePath,
          data:res.result.buffer,
          encoding:'binary',
          success:() => {
            wx.cloud.uploadFile({
              cloudPath:'QrCode1.png',
              filePath,
              success(Res){
                console.log('success',Res);
              },
              fail(Res){
                console.log('fail',Res);
              }
            })
          }
        })
      },
      fail(res){
        console.log(res);
      }
    })

再看下输出：