微信小程序地址生成二维码显示

╰+哭是因爲堅強的太久メ 2023-05-31 06:46 16阅读 0赞

使用的是 weapp-qrcode，源代码地址

https://github.com/tomfriwel/weapp-qrcode  
效果图  
![在这里插入图片描述][20191023114523510.gif]

# 项目中的代码 #

### 1.js页面引入js（js在github上自己下载） ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzQ5OTgy_size_16_color_FFFFFF_t_70]

### 2.js页面 定义一个方法 ###

//this.data.codeText是图片的地址
    
     data: { 
        reqUrl: url.base,
        urlBase: url.urlBase,
        qrcode_w: qrcode_w,
        headImg:"",//头像
        name: "",  //昵称
        invitecode: "", //邀请码
        qrcodeURL: "", //二维码
        codeText: ""  //二维码内容地址
      },
      
      drawImg: function () { 
        console.log(qrcode_w);
        var imgData = qRCode.drawImg(this.data.codeText, { 
          typeNumber: 5,
          errorCorrectLevel: 'M',
          width: qrcode_w,
          height: qrcode_w,
          canvasId: 'myQrcode'
        })
        this.setData({ 
          qrcodeURL: imgData
        })
      }

### wxml中的使用 ###

<image src="{ {qrcodeURL}}" mode="" class="" id="" style="width:100%;height:450rpx;" background-size="cover"></image>

[20191023114523510.gif]: /images/20230531/c569b1c4328b4c0d984ce7a07f983466.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzQ5OTgy_size_16_color_FFFFFF_t_70]: /images/20230531/a970dd8a4c0d449aa9c135ba1bfee368.png

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序生成二维码

微信小程序-二维码生成器 > 本项目用于在微信小程序中生成二维码，也可用于第三方框架Mpvue,Taro等。生成预览 [![jsh5css.cn][]][jsh

我会带着你远行/ 2023年08月17日 15:54/ 0 赞/ 143 阅读

相关微信小程序地址生成二维码显示

使用的是 weapp-qrcode，源代码地址 https://github.com/tomfriwel/weapp-qrcode 效果图 ![在这里插入图片描述][

╰+哭是因爲堅強的太久メ/ 2023年05月31日 06:46/ 0 赞/ 17 阅读

相关 springboot实现微信小程序二维码生成

> 一、微信小程序创建先要去微信公众平台注册一个小程序，每个小程序都有相应的AppID(小程序ID)和AppSecret(小程序密钥)，它们是获取ACCESS\_TOK

痛定思痛。/ 2022年12月25日 11:56/ 0 赞/ 489 阅读

相关 PHP生成微信小程序二维码，可生成带参数二维码。

微信小程序官方开放了3个创建二维码的接口，其中有一个是生成二维码的，还有一个是葵花状的小程序码，我这里就用php生成二维码。首先要获取Access\_token 这个

r囧r小猫/ 2022年12月03日 05:10/ 0 赞/ 647 阅读

相关如何生成微信小程序二维码（uniapp开发）

如何生成微信小程序二维码（uniapp开发）说明：可以使用微信公众平台提供的工具，生成小程序码微信公众平台地址：[https://mp.weixin.qq.com/

深碍√TFBOYSˉ_/ 2022年11月17日 13:44/ 0 赞/ 902 阅读

相关微信生成二维码

生成带参二维码： 1、临时二维码，是有过期时间的，最长可以设置为在二维码生成后的30天（即2592000秒）后过期，但能够生成较多数量。临时二维码主要用于

快来打我*/ 2022年09月26日 13:55/ 0 赞/ 205 阅读

相关微信小程序条码、二维码生成模块

> 代码地址如下： > [http://www.demodashi.com/demo/13994.html][http_www.demodashi.com_demo_139

爱被打了一巴掌/ 2022年05月11日 07:40/ 0 赞/ 277 阅读

相关 java开发微信小程序——二维码生成

[https://blog.csdn.net/persistencegoing/article/details/84376427][https_blog.csdn.net_pe

系统管理员/ 2022年02月24日 05:52/ 0 赞/ 607 阅读

相关微信小程序之生成自定义参数小程序二维码

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

电玩女神/ 2022年02月17日 07:47/ 0 赞/ 531 阅读

相关 php生成带参数微信小程序二维码

<?php class wxcode { private $appid; private $secret; pr

左手的ㄟ右手/ 2021年09月10日 06:46/ 0 赞/ 458 阅读