如何生成小程序二维码-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

如何生成小程序二维码-创新互联

如何生成小程序二维码?相信很多新手小白还没学会这个技能,通过这篇文章的总结,希望你能学会学会这个技能。以下资料是实现的步骤。

创新互联公司是一家专注于成都网站设计、成都做网站与策划设计,雨城网站建设哪家好?创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:雨城等地区。雨城做网站价格咨询:18980820575

我们生成的小程序码指定的页面,必须是你小程序已经发布,如果小程序还没有发布,获取小程序码绑定的页面不存在,扫码后就会出现以下错误
如何生成小程序二维码
所以要想使用这个功能,必须要先发布你的小程序。接下来我们就来讲下具体的实现。

一,先看官方文档

我其实说过很多遍的,官方文档永远是最好的老师。因为官方文档永远是最标准的。所以我们实现这个功能,同样要先去看下官方文档。小程序码官方文旦
如何生成小程序二维码
看上图的官方文档,我们可以看出,有三种方式可以生成小程序码。

  • 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就是用来给我们的二维码图片命名的。
    原理:我们这里生成小程序码的原理就是使用云开发的云调用,获取二维码,然后把二维码存到云存储,这样我们就可以拿到我们需要的二维码了

  • 再来看下调用的方法。
    如何生成小程序二维码
  • 再来看下我们生成的小程序码
    如何生成小程序二维码
    可以看到我们生成的1号桌对应的二维码,这样顾客用微信扫描一号餐桌的二维码时,就可以直接进入对应的页面,并且把桌号带进去了。
    如何生成小程序二维码
    这样你只需要改造下我index.js里的path和name就可以生成你想要的小程序二维码了。
    如何生成小程序二维码
    然后再到云存储里获取对应的二维码,
    如何生成小程序二维码
    下载后打印出来,贴到对应的桌子上,就可以供用户扫码点餐了。还有一点要记住奥,一定是你小程序发布后,才可以使用这个功能奥。

上述就是小编为大家分享的生成小程序二维码的方法了,如果您也有类似的疑惑,不妨参照上述方法进行尝试。如果想了解更多相关内容,请关注创新互联行业资讯。

另外有需要云服务器可以了解下创新互联cdcxhl.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


名称栏目:如何生成小程序二维码-创新互联
转载来源:http://kswsj.cn/article/jgghc.html

其他资讯