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

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

在微信小程序的开发中,很多的业务场景下都会有生成二维码,然后通过扫码二维码,进入指定页轻创业网点我wcqh.cn面的需求。【相关学习推荐:小程序开发教程

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

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

轻创业网点我wcqh.cn先在云函数文件夹中,新建一个名为QrCode的云函数。写入以下内容。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

const cloud = require('wx-server-sdk'轻创业网点我wcqh.cn)

cloud.init({

env: '云环境ID',

})

exports.main = async (event, context) => {

try {

const result = aw轻创业网点我wcqh.cnait cloud.openapi.wxacode.createQRCode({

path: '要跳转的页面路径',

width: 430

})

return result

} catch (e轻创业网点我wcqh.cnrr) {

return err

}

}

登录后复制

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

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

1

2

3

4

5

6

7

8

9

wx.cloud.callFunction({

name轻创业网点我wcqh.cn:'QrCode',

success(res){

console.log(res);

},

fail(res){

console.log(res);

}

})

登录后复制

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

r轻创业网点我wcqh.cnes.result.buffer是我们要的东西,因为是图片数据,所以它给我们转成了buffer类型的数据。我们需要进行一下转换。然后放进我们云存储的空间里。

下面是完整代码:

1

2

3

4

5

6

7

8

9

10

11

1轻创业网点我wcqh.cn2

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

wx.cloud.callFunction({

name:'QrCode',

success(res){

console.log轻创业网点我wcqh.cn(res);

const filePath = `${wx.env.USER_DATA_PATH}/test.jpg`;

wx.getFileSystemManager().writeFile({

file轻创业网点我wcqh.cnPath,

data:res.result.buffer,

encoding:'binary',

success:() => {

wx.cloud.uploadFile({

cloudPath:轻创业网点我wcqh.cn'QrCode1.png',

filePath,

success(Res){

console.log('success',Res);

},

fail(Res){

console.l轻创业网点我wcqh.cnog('fail',Res);

}

})

}

})

},

fail(res){

console.log(res);

}

})

登录后复制

再看下输出:

我们通过转换,最后要的就是这个fileID,这就是云存储轻创业网点我wcqh.cn中存放这个二维码的地址。

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

这里提一句,这个东西要和线上的版本同步。比如我现在是在开发工具上调试的这个功能,生成的这个二维码要跳转的是pag轻创业网点我wcqh.cnes/index/index这个页面,你现在扫描这个二维码,跳转的是你现在线上的版本的页面内容,可能会和你编辑器上的不一致。有什么问题,大家都可以加我联系方式沟通交流。

更多编程相关知识,请访问:编程教轻创业网点我wcqh.cn学!!

以上就是浅谈小程序中怎么创建页面二维码的详细内容,更多请关注php中文网其它相关文章!

© 版权声明
THE END
喜欢就支持一下吧
点赞105 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容