评论

微信小程序生成二维码

5行代码实现二维码的生成

最近比较忙,好久没有写文章了,今天抽时间来给大家讲讲如何使用小程序生成二维码。

老规矩,先看效果图


通过上图可以看出,我们是先输入一个网站,或者自己想输入的任何信息。然后点击生成二维码,就可以生成我们想要的二维码了。拿出微信来扫描下,可以识别出我们输入的内容。

扫描后的结果如下


这样我们就可以实现生成一个网址二维码,然后用户扫描这个二维码,就可以进入我们指定的网址的功能了。

使用场景

  • 1,生成网址二维码
  • 2,生成桌号二维码,识别点餐
  • 3,生成订单二维码,扫码验证
  • 4,自己做付款二维码
    。。。。。

一,创建小程序

这个我讲过很多遍了,还不知道如何创建小程序的同学去翻看下我之前的文章。

二,创建qrcode.wxml

三,简单的用了点样式 qrcode.wxss

四,导入qrcode.js到utils目录下。


这个qrcode.js是我们生成二维码的核心工具类。我会把这个工具类放到网盘里,需要的同学加我v信获取:2501902696(备注小程序,否则不通过奥)

五,编写我们生成二维码的逻辑。

其实到这里就可以完整的实现小程序生成二维码的功能了。


工具类和源码已经放到网盘,需要的同学留言或者私信我。

最后一次编辑于  2019-10-22  
点赞 3
收藏
评论

14 个评论

  • 风
    2019-10-22

    花里胡哨

    2019-10-22
    赞同 1
    回复 1
    • 编程小石头
      编程小石头
      2019-12-08
      大神出门请左转
      2019-12-08
      回复
  • GY
    GY
    2023-09-04

    求源码


    2023-09-04
    赞同
    回复
  • 树皑
    树皑
    2023-03-27

    想要求源码可以吗


    2023-03-27
    赞同
    回复
  • WeChat
    WeChat
    2023-02-25

    你好,微信小程序js生成二维码的源码能发一份吗

    2023-02-25
    赞同
    回复
  • 海陽
    海陽
    2022-02-14

    求源码

    2022-02-14
    赞同
    回复
  • Rikuyou
    Rikuyou
    2022-01-04

    小程序土味,小程序的开发者也这么土味。。。

    v信你是什么鬼,给个github地址不就完了?

    2022-01-04
    赞同
    回复
  • 栉风
    栉风
    2020-07-20

    生成的二维码四条边不齐是什么原因啊

    2020-07-20
    赞同
    回复 1
    • 栉风
      栉风
      2020-07-20
      加颜色的原因 不能加colorLight和colorDark  。。
      2020-07-20
      回复
  • 胡同学
    胡同学
    2020-07-06

    求源码

    2020-07-06
    赞同
    回复
  • 2020-05-19

    源码呢?

    2020-05-19
    赞同
    回复
  • 1+100%
    1+100%
    2020-04-05

    扫码后能进入小程序特定的页面吗

    2020-04-05
    赞同
    回复

正在加载...

登录 后发表内容