借助云开发10行代码生成小程序码,能够微信扫码快速进入指定小程序页

最近老有同窗问我,如何生成小程序二维码,让用户扫码后能快速进入指定页面。通过一番研究,发现用云开发的云调用来实现特别方便,基本上10行代码就能够快速的生成指定页面的二维码。这样咱们在作一些线下业务时就能让用户方便快速的进入到指定页面了,好比咱们的点餐小程序,咱们能够在二维码里绑定桌号,这样用户用微信扫码二维码,就能够快速的进入点餐页面了,而且能够识别到用户当前所在的桌号。html

注意事项

咱们生成的小程序码指定的页面,必须是你小程序已经发布,若是小程序尚未发布,获取小程序码绑定的页面不存在,扫码后就会出现如下错误

因此要想使用这个功能,必需要先发布你的小程序。接下来咱们就来说下具体的实现。小程序

一,先看官方文档

我其实说过不少遍的,官方文档永远是最好的老师。由于官方文档永远是最标准的。因此咱们实现这个功能,一样要先去看下官方文档。小程序码官方文旦

看上图的官方文档,咱们能够看出,有三种方式能够生成小程序码。api

  • A,createQRCode:生成二维码,可接受 path 参数较长,生成个数受限,数量限制
  • B,get:生成小程序码,可接受 path 参数较长,生成个数受限,数量限制见
  • C,getUnlimited:生成小程序码,可接受页面参数较短,生成个数不受限

    官方提示:

    接口只能生成已发布的小程序的二维码
    接口 A 加上接口 C,总共生成的码数量限制为 100,000,请谨慎调用。
    接口 B 调用分钟频率受限(5000次/分钟),如需大量小程序码,建议预生成
    因此咱们必定要结合本身的业务场景来使用不一样的方法来生成小程序码或者二维码。咱们这里以点餐桌号为例。由于咱们一个餐厅也没有多少桌,因此咱们就用接口B来实现页面和桌号的绑定。

    看官方文档,咱们能够看到,咱们主要使用的仍是path这个参数,这个参数用来设置页面和参数。具体代码以下图。

    代码很简单,在第11行,咱们给path参数设置了小程序页面和参数name。这样咱们用微信扫码后,就会打开对应的页面,而且能够拿到name参数,

    其实到这里咱们就成功的生成小程序码了,而且能够用微信直接扫码进入到指定页面,并携带指定参数了。
    接下来呢,我就把代码改形成一个简单的工具,这样你们拿到源码后就能够直接使用这个工具快速的生成小程序码了。微信

    建立云函数

    关于云开发,云函数的建立和使用,我讲过不少遍了,还不知道的同窗,能够去翻看下我以前的文章,或者看下我录的云开发视频:5小时零基础入门小程序云开发
    下面咱们就建立一个云函数,并编写云函数,以下图

    细心的同窗应该能够看到,我这里传了两个参数进来。event.path就是用来指定咱们二维码绑定的页面和携带的参数,event.name就是用来给咱们的二维码图片命名的。
    原理:咱们这里生成小程序码的原理就是使用云开发的云调用,获取二维码,而后把二维码存到云存储,这样咱们就能够拿到咱们须要的二维码了ide

  • 再来看下调用的方法。
  • 再来看下咱们生成的小程序码

    能够看到咱们生成的1号桌对应的二维码,这样顾客用微信扫描一号餐桌的二维码时,就能够直接进入对应的页面,而且把桌号带进去了。

    这样你只须要改造下我index.js里的path和name就能够生成你想要的小程序二维码了。

    而后再到云存储里获取对应的二维码,

    下载后打印出来,贴到对应的桌子上,就能够供用户扫码点餐了。还有一点要记住奥,必定是你小程序发布后,才可使用这个功能奥。
    今天就到这里把,祝你们元旦快乐,2020年学有所成,想获取更多小程序相关的知识,请持续关注。
    视频讲解地址:https://edu.51cto.com/course/19575.html
相关文章
相关标签/搜索