我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

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

创新互联企业建站,十余年网站建设经验,专注于网站建设技术,精于网页设计,有多年建站和网站代运营经验,设计师为客户打造网络企业风格,提供周到的建站售前咨询和贴心的售后服务。对于网站设计、做网站中不同领域进行深入了解和探索,创新互联在网站建设中充分了解客户行业的需求,以灵动的思维在网页中充分展现,通过对客户行业精准市场调研,为客户提供的解决方案。

注意事项

我们生成的小程序码指定的页面,必须是你小程序已经发布,如果小程序还没有发布,获取小程序码绑定的页面不存在,扫码后就会出现以下错误
借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
所以要想使用这个功能,必须要先发布你的小程序。接下来我们就来讲下具体的实现。

一,先看官方文档

我其实说过很多遍的,官方文档永远是最好的老师。因为官方文档永远是最标准的。所以我们实现这个功能,同样要先去看下官方文档。小程序码官方文旦
借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
看上图的官方文档,我们可以看出,有三种方式可以生成小程序码。

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

    接口只能生成已发布的小程序的二维码
    接口 A 加上接口 C,总共生成的码数量限制为 100,000,请谨慎调用。
    接口 B 调用分钟频率受限(5000次/分钟),如需大量小程序码,建议预生成
    所以我们一定要结合自己的业务场景来使用不同的方法来生成小程序码或者二维码。我们这里以点餐桌号为例。因为我们一个餐厅也没有多少桌,所以我们就用接口B来实现页面和桌号的绑定。
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
    看官方文档,我们可以看到,我们主要使用的还是path这个参数,这个参数用来设置页面和参数。具体代码如下图。
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
    代码很简单,在第11行,我们给path参数设置了小程序页面和参数name。这样我们用微信扫码后,就会打开对应的页面,并且可以拿到name参数,
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
    其实到这里我们就成功的生成小程序码了,并且可以用微信直接扫码进入到指定页面,并携带指定参数了。
    接下来呢,我就把代码改造成一个简单的工具,这样大家拿到源码后就可以直接使用这个工具快速的生成小程序码了。

    创建云函数

    关于云开发,云函数的创建和使用,我讲过很多遍了,还不知道的同学,可以去翻看下我之前的文章,或者看下我录的云开发视频:5小时零基础入门小程序云开发
    下面我们就创建一个云函数,并编写云函数,如下图
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
    细心的同学应该可以看到,我这里传了两个参数进来。event.path就是用来指定我们二维码绑定的页面和携带的参数,event.name就是用来给我们的二维码图片命名的。
    原理:我们这里生成小程序码的原理就是使用云开发的云调用,获取二维码,然后把二维码存到云存储,这样我们就可以拿到我们需要的二维码了

  • 再来看下调用的方法。
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
  • 再来看下我们生成的小程序码
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
    可以看到我们生成的1号桌对应的二维码,这样顾客用微信扫描一号餐桌的二维码时,就可以直接进入对应的页面,并且把桌号带进去了。
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
    这样你只需要改造下我index.js里的path和name就可以生成你想要的小程序二维码了。
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
    然后再到云存储里获取对应的二维码,
    借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
    下载后打印出来,贴到对应的桌子上,就可以供用户扫码点餐了。还有一点要记住奥,一定是你小程序发布后,才可以使用这个功能奥。
    今天就到这里把,祝大家元旦快乐,2020年学有所成,想获取更多小程序相关的知识,请持续关注。
    视频讲解地址:https://edu.51cto.com/course/19575.html

分享题目:借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页
本文链接:http://mswzjz.cn/article/jojdch.html

其他资讯