精华内容
下载资源
问答
  • 因为现在做的小程序,想要分享小程序中的页面给微信好友,那就可以使用二维码,很方便。 而且通过后台接口可以获取小程序任意页面的小程序码 扫描该小程序码可以直接进入小程序对应的页面,所有生成的小程序码永久...
  • 小程序二维码生成,菊花码和普通小程序码,thinkphp5.0实现(扫码系统)
  • 微信小程序二维码生成源码,ASP.NET C#源码,带参数的小程序二维码生成源码。
  • tp5 微信小程序调用小程序二维码接口,生成二维码,可以直接改改数据就可以生成二维码
  • 基于qrcodejs的微信小程序二维码生成库
  • 微信小程序二维码生成插件wx-qrcode-master.zip
  • 通过微信小程序接口,生成带参数的二维码,并下载之本地返回二维码图片地址
  • 小程序分享海报合成,里面包含如何点击生成,如何引入,如何配置,相当于租房,拎包入住!nice
  • 使用这个小程序可以轻松生成二维码
  • 将申请的小程序appid与key直接换掉使用网址访问; 可以改造到tp框架,ci框架等。 PHP生成小程序二维码 接口类(包括A\B\C三种接口)方法
  • Java实现生成带参数的微信小程序二维码图片,存储到本地。
  • 微信小程序二维码生成器源代码,官网说hidden只是简单的控制显示与隐藏,组件始终会被渲染,但是将canvas转化成图片走的居然是fail,hidden为false就是成功的,所以这里手动控制显示隐藏canvas。生成时请注意不同...
  • getwxacodeunlimit 生成二维码 并保存在本地 。获取到access_token 可以直接使用
  • 微信小程序前端生成二维码直接显示,详情https://blog.csdn.net/qq_27721169/article/details/80435699
  • 遇到了一个需求,想要扫码后,进入微信小程序的某一个页面,这就要求二维码携带参数。 微信小程序开发文档很简单,但不太具体。 经百度和折腾,在express中成功获得了带参数的二维码。 总结以下几步,供参考。 1....
  • 微信小程序专用的二维码组件,支持base64输出和canvas绘制两种方式。 使用 const qrcode = require('wx-mini-qrcode/src/index'); Page({ [removed] { size: 400, color: '#CC6600', padding: 16, background: ...
  • 主要介绍了node实现生成带参数的小程序二维码并保存到本地功能,涉及nodejs模块引用、接口调用、编码转换、图片生成等相关操作技巧,需要的朋友可以参考下
  • 主要介绍了微信小程序 二维码canvas绘制实例详解的相关资料,这里附有实例代码,微信小程序 使用canvas 进行二维码的绘制,需要的朋友可以参考下
  • 微信小程序二维码图片获取,完善分享,集成简单,需配置后台数据
  • 目前微信支持两种二维码,小程序码(左),小程序二维码(右),如下所示: 二、获取小程序码 目前有两个接口可以生成小程序码,开发者可以根据自己的需要选择合适的接口。 1 不带参数有限个数小程序码接口 适用...
  • 微信公众平台上线小程序二维码,便于商户线下推广。1、在“设置”中查看小程序的正式二维码,该二维码只用于访问小程序的线上正式版本。2、通过接口获得带参数二维码。最多可生成带参数二维码10000个,请谨慎调用。 ...
  • 主要介绍了 微信小程序 获取二维码实例详解的相关资料,需要的朋友可以参考下
  • 好久没有写文章了,最近公司要做海报分享的活动,需要在小程序中生成扫了之后可以跳转普通网页的二维码,就在github上面找了一下,确实找到了一个兼容兼容性比较不错的,给打加分享一下。 中间尝试了不少,有些在...
  • 页面内部生成小程序二维码 逻辑实现 获取 access_token 使用 access_token + path地址 + width大小 来生成二维码, wx.request({ url: '...

    页面内部生成小程序二维码
    在这里插入图片描述
    逻辑实现

    1. 获取 access_token

    2. 使用 access_token + path地址 + width大小 来生成二维码,

              wx.request({
               url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET', //如果找不到,去小程序后台复制
               header: {
                   'content-type': 'application/json'
               },
               method: 'get',
               success: function(re) {
       			console.log(re)//首先获取到  access_token
       			}
                  
       	 })
      

    获取到之后 就可以生成小程序二维码,或者小程序码了

    	     wx.request({
                            // url: `https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=${第一步获取的access_token}`, //小程序二维码
                            url: `https://api.weixin.qq.com/wxa/getwxacode?access_token=第一步获取的access_token `, //小程序码
                            method: 'post',
                            responseType: 'arraybuffer', //关键是这里如果不写返回图片是二进制,写上就是64进制的图片
                            data: {
                                'path': `pages/assess/assess?recordId=${携带的参数}`, // 这个就是我们设置的地址
                                'width': 106, //大小
                            },
                            header: {
                                'content-type': 'application/json'
                            },
                            success: function(r) {
                                console.log(r) //  获取到小程序码
                                var base64 = wx.arrayBufferToBase64(r.data); //转换base 64 
    														// 传递后端即可
                            }
                        })
    

    整体代码

    	wx.request({
                url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET', //如果找不到,去小程序后台复制
                header: {
                    'content-type': 'application/json'
                },
                method: 'get',
                success: function(re) {
    				console.log(re)//首先获取到  access_token
    					 wx.request({
                            // url: `https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=${第一步获取的access_token}`, //小程序二维码
                            url: `https://api.weixin.qq.com/wxa/getwxacode?access_token=第一步获取的access_token `, //小程序码
                            method: 'post',
                            responseType: 'arraybuffer', //关键是这里如果不写返回图片是二进制,写上就是64进制的图片
                            data: {
                                'path': `pages/assess/assess?recordId=${携带的参数}`, // 这个就是我们设置的地址
                                'width': 106, //大小
                            },
                            header: {
                                'content-type': 'application/json'
                            },
                            success: function(r) {
                                console.log(r) //  获取到小程序码
                                var base64 = wx.arrayBufferToBase64(r.data); //转换base 64 
    														// 传递后端即可
                            }
                        })
    				}
    		 })
    

    下课

    展开全文
  • 调用方法在小程序canvas 海报指定位置生成二维码 ,使用引入var QR = require("../../../utils/qrcode.js"); 调用QR.api.draw(lefts.data.url, ctx, 141 / 2 * w, 141 / 2 * w, lefts, false, 87 / 2 * w, 591 / 2 *...
  • 小程序二维码生成js

    2018-11-05 15:29:31
    用于小程序离线生成二维码用于小程序离线生成二维码用于小程序离线生成二维码
  • 微信小程序二维码制作,生成二维码 小程序开发 源码下载
  • 微信小程序生成小程序二维码流程

    万次阅读 2018-04-02 20:14:57
    小程序需要先上线才能生成二维码 一:获取access_token 接口调用请求说明 https请求方式: GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPI...

    微信小程序开发交流qq群   173683895

       承接微信小程序开发。扫码加微信。

    正文:

    小程序需要先上线才能生成二维码

    一: 获取access_token

     

    接口调用请求说明

    https请求方式: GET
    https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
    

    参数说明

    参数是否必须说明
    grant_type获取access_token填写client_credential
    appid第三方用户唯一凭证
    secret第三方用户唯一凭证密钥,即appsecret

    返回说明

    正常情况下,微信会返回下述JSON数据包给公众号:

    {"access_token":"ACCESS_TOKEN","expires_in":7200}
    

    参数说明

    参数说明
    access_token获取到的凭证
    expires_in凭证有效时间,单位:秒

    二 : 获取小程序码

     

    我们推荐生成并使用小程序码,它具有更好的辨识度。目前有两个接口可以生成小程序码,开发者可以根据自己的需要选择合适的接口。

     

    接口A: 适用于需要的码数量较少的业务场景 接口地址:

    https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN
    

    获取 access_token 详见文档

    POST 参数说明

    参数类型默认值说明
    pathString 不能为空,最大长度 128 字节
    widthInt430二维码的宽度
    auto_colorBoolfalse自动配置线条颜色,如果颜色依然是黑色,则说明不建议配置主色调
    line_colorObject{"r":"0","g":"0","b":"0"}auth_color 为 false 时生效,使用 rgb 设置颜色 例如 {"r":"xxx","g":"xxx","b":"xxx"},十进制表示

    注意:通过该接口生成的小程序码,永久有效,数量限制见文末说明,请谨慎使用。用户扫描该码进入小程序后,将直接进入 path 对应的页面。

    接口B:适用于需要的码数量极多的业务场景

    接口地址:

    https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN
    

    获取 access_token 详见文档

    POST 参数说明

    参数类型默认值说明
    sceneString 最大32个可见字符,只支持数字,大小写英文以及部分特殊字符:!#$&'()*+,/:;=?@-._~,其它字符请自行编码为合法字符(因不支持%,中文无法使用 urlencode 处理,请使用其他编码方式)
    pageString 必须是已经发布的小程序存在的页面(否则报错),例如 "pages/index/index" ,根路径前不要填加'/',不能携带参数(参数请放在scene字段里),如果不填写这个字段,默认跳主页面
    widthInt430二维码的宽度
    auto_colorBoolfalse自动配置线条颜色,如果颜色依然是黑色,则说明不建议配置主色调
    line_colorObject{"r":"0","g":"0","b":"0"}auto_color 为 false 时生效,使用 rgb 设置颜色 例如 {"r":"xxx","g":"xxx","b":"xxx"} 十进制表示

    注意:通过该接口生成的小程序码,永久有效,数量暂无限制。用户扫描该码进入小程序后,开发者需在对应页面获取的码中 scene 字段的值,再做处理逻辑。使用如下代码可以获取到二维码中的 scene 字段的值。调试阶段可以使用开发工具的条件编译自定义参数 scene=xxxx 进行模拟,开发工具模拟时的 scene 的参数值需要进行 urlencode

    // 这是首页的 js
    Page({
      onLoad: function(options) {
        // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
        var scene = decodeURIComponent(options.scene)
      }
    })
    

    获取小程序二维码

    接口C:适用于需要的码数量较少的业务场景

    接口地址:

    https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN
    

    获取 access_token 详见文档

    POST 参数说明

    参数类型默认值说明
    pathString 不能为空,最大长度 128 字节
    widthInt430二维码的宽度

    注意:通过该接口生成的小程序二维码,永久有效,数量限制见文末说明,请谨慎使用。用户扫描该码进入小程序后,将直接进入 path 对应的页面。

    Bug & Tip

    1. tip:通过该接口,仅能生成已发布的小程序的二维码。
    2. tip:可以在开发者工具预览时生成开发版的带参二维码。
    3. tip:接口A加上接口C,总共生成的码数量限制为100,000,请谨慎调用。
    4. tip: POST 参数需要转成 json 字符串,不支持 form 表单提交。
    5. tip: auto_color line_color 参数仅对小程序码生效。

    错误码

    45009:B接口调用分钟频率受限(目前5000次/分钟,会调整),如需大量小程序码,建议预生成。 45029:A接口和C接口生成码个数总和到达最大个数限制。 41030:B接口所传page页面不存在,或者小程序没有发布,请注意B接口没有path参数,传path参数虽然可以生成小程序码,但是只能跳主页面。

     

    展开全文
  • 一、准备工作 微信公众平台接口调试工具 小程序的唯一标识(appid) 小程序的密钥(secret) 二、获取access_token 打开微信公众平台接口调试工具,在参数...三、生成微信小程序二维码 生成小程序二维码官方文档 ht...

    一、准备工作

    1. 微信公众平台接口调试工具
    2. 小程序的唯一标识(appid)
    3. 小程序的密钥(secret)

    二、获取access_token

    打开微信公众平台接口调试工具,在参数列表中输入小程序的appid和secret,点击检查问题,如果appid和secret正确,则可以返回正确的access_token结果(图中下方的红框)

    获取access_token

    三、生成微信小程序二维码

    生成小程序二维码官方文档

    https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html

    一共有三种生成二维码的方式,可以根据使用场景去选择,这里我使用的是第三种生成方式 wxacode.getUnlimited

    wxacode.createQRCode
    获取小程序二维码,适用于需要的码数量较少的业务场景。通过该接口生成的小程序码,永久有效,有数量限制,详见获取二维码。
    POST https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=ACCESS_TOKEN
    
    
    wxacode.get 
    获取小程序码,适用于需要的码数量较少的业务场景。通过该接口生成的小程序码,永久有效,有数量限制,详见获取二维码。
    POST https://api.weixin.qq.com/wxa/getwxacode?access_token=ACCESS_TOKEN
    
    
    wxacode.getUnlimited     
    获取小程序码,适用于需要的码数量极多的业务场景。通过该接口生成的小程序码,永久有效,数量暂无限制。 更多用法详见 获取二维码。
    POST https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN
    

    使用wxacode.getUnlimited生成小程序二维码 

    获取小程序码,适用于需要的码数量极多的业务场景。通过该接口生成的小程序码,永久有效,数量暂无限制。 更多用法详见 获取二维码。
    
    POST https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=ACCESS_TOKEN
    
    

      

    说明

    通过该接口生成的小程序码,永久有效,数量暂无限制。用户扫描该码进入小程序后,开发者需在对应页面获取的码中 scene字段的值,再做处理逻辑。
    使用如下代码可以获取到二维码中的 scene 字段的值。
    调试阶段可以使用开发工具的条件编译自定义参数 scene=xxxx 进行模拟,开发工具模拟时的 scene 的参数值需要进行 urlencode
    
    // 这是首页的 js
    Page({
      onLoad: function(options) {
        // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
        var scene = decodeURIComponent(options.scene)
      }
    })
    

    获取接口调用凭证

     1     /**
     2      * 接口调用凭证 access_token
     3      */
     4     public static String postToken(String appId, String appKey) throws Exception {
     5 
     6         String requestUrl = "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" + appId + "&secret=" + appKey;
     7         URL url = new URL(requestUrl);
     8         // 打开和URL之间的连接
     9         HttpURLConnection connection = (HttpURLConnection) url.openConnection();
    10         connection.setRequestMethod("POST");
    11         // 设置通用的请求属性
    12         connection.setRequestProperty("Content-Type", "application/json");
    13         connection.setRequestProperty("Connection", "Keep-Alive");
    14         connection.setUseCaches(false);
    15         connection.setDoOutput(true);
    16         connection.setDoInput(true);
    17 
    18         // 得到请求的输出流对象
    19         DataOutputStream out = new DataOutputStream(connection.getOutputStream());
    20         out.writeBytes("");
    21         out.flush();
    22         out.close();
    23 
    24         // 建立实际的连接
    25         connection.connect();
    26         // 定义 BufferedReader输入流来读取URL的响应
    27         BufferedReader in;
    28         if (requestUrl.contains("nlp"))
    29             in = new BufferedReader(new InputStreamReader(connection.getInputStream(), "GBK"));
    30         else
    31             in = new BufferedReader(new InputStreamReader(connection.getInputStream(), "UTF-8"));
    32         StringBuilder result = new StringBuilder();
    33         String getLine;
    34         while ((getLine = in.readLine()) != null) {
    35             result.append(getLine);
    36         }
    37         in.close();
    38         JSONObject jsonObject = JSONObject.parseObject(result.toString());
    39         return jsonObject.getString("access_token");
    40     }
    

    调用微信接口生成微信小程序二维码

     1     /**
     2      * 生成微信小程序二维码
     3      *
     4      * @param filePath
     5      *         本地生成二维码路径
     6      * @param page
     7      *         当前小程序相对页面 必须是已经发布的小程序存在的页面(否则报错),例如 pages/index/index, 根路径前不要填加 /,不能携带参数(参数请放在scene字段里),如果不填写这个字段,默认跳主页面
     8      * @param scene
     9      *         最大32个可见字符,只支持数字,大小写英文以及部分特殊字符:!#$&'()*+,/:;=?@-._~,其它字符请自行编码为合法字符(因不支持%,中文无法使用 urlencode 处理,请使用其他编码方式)
    10      * @param accessToken
    11      *         接口调用凭证
    12      */
    13     public static void generateQrCode(String filePath, String page, String scene, String accessToken) {
    14 
    15         try {
    16 
    17             //调用微信接口生成二维码
    18             URL url = new URL("https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=" + accessToken);
    19             HttpURLConnection httpURLConnection = (HttpURLConnection) url.openConnection();
    20             httpURLConnection.setRequestMethod("POST");// 提交模式
    21             // conn.setConnectTimeout(10000);//连接超时 单位毫秒
    22             // conn.setReadTimeout(2000);//读取超时 单位毫秒
    23             // 发送POST请求必须设置如下两行
    24             httpURLConnection.setDoOutput(true);
    25             httpURLConnection.setDoInput(true);
    26             // 获取URLConnection对象对应的输出流
    27             PrintWriter printWriter = new PrintWriter(httpURLConnection.getOutputStream());
    28             // 发送请求参数
    29             JSONObject paramJson = new JSONObject();
    30             //这就是你二维码里携带的参数 String型  名称不可变
    31             paramJson.put("scene", scene);
    32             //注意该接口传入的是page而不是path
    33             paramJson.put("page", page);
    34             //这是设置扫描二维码后跳转的页面
    35             paramJson.put("width", 200);
    36             paramJson.put("is_hyaline", true);
    37             paramJson.put("auto_color", true);
    38             printWriter.write(paramJson.toString());
    39             // flush输出流的缓冲
    40             printWriter.flush();
    41 
    42             //开始获取数据
    43             BufferedInputStream bis = new BufferedInputStream(httpURLConnection.getInputStream());
    44             OutputStream os = new FileOutputStream(new File(filePath));
    45             int len;
    46             byte[] arr = new byte[1024];
    47             while ((len = bis.read(arr)) != -1) {
    48                 os.write(arr, 0, len);
    49                 os.flush();
    50             }
    51             os.close();
    52         } catch (Exception e) {
    53             e.printStackTrace();
    54         }
    55 
    56         System.out.println("打开地址查看生成的二维码:" + filePath);
    57 
    58     }
    

    测试类

     1     public static void main(String[] args) throws Exception {
     2 
     3         //获取接口调用凭证access_token
     4         String appId = "小程序id";//小程序id
     5         String appKey = "小程序密钥";//小程序密钥
     6         String token = postToken(appId, appKey);
     7 
     8         //生成二维码
     9         generateQrCode("E:\\tools\\qrCode\\test.png", "pages/index/index", "aa=108&bb=2&cc=3", token);
    10 
    11     }
    

    注意

    1      1.获取小程序appId 与appKey
    2      2.生成小程序二维码页面参数传入的是page而不是path,其他的接口是path。
    3      page后面不允许加参数,参数需要通过scene传入。而小程序也需要通过scene获取参数。
    4      3.生成小程序二维码可将二维码写入本地,也可上传至服务器。自行选择
    5      
    


    参考地址:
    https://www.cnblogs.com/daipianpian/p/9239452.html
    http://www.what21.com/u/10004/6756200547748968305.htm
    生成小程序二维码官方文档
    https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 69,454
精华内容 27,781
关键字:

小程序二维码