小程序获取二维码

由于需要，又去研究了一下小程序二维码的生成，

一共有三种方式，具体： 小程序·获取二维码   ，每种方式步骤基本一致，

这里我给出一个纯前端的示例  官方文档的话还需要自己一步一步去试验实现。

可以说分为三个步骤。

1. 需要获取小程序码 

 var logo = ''          //放获取的二维码字符串 
 var token= ''；        //放获取的小程序码

 var appid  = '获取appid';
 var secret = '获取secret凭证';

 //发起请求
 wx.request({
      url: "https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=" + 
            appid + "&secret=" + secret;
      method: 'GET',
      success: function(e) {                 //成功 返回的data里边有两个 一个就是我们需要的token
           token = e.data.access_token,      //赋值
               }

           })

2. 用获取的小程序码去获取二维码的字符串

   //发起请求
   wx.request({
          url: 'https://api.weixin.qq.com/wxa/getwxacode?access_token=' + token,
          method: "POST",
          responseType: 'arraybuffer',                //  返回的格式 
          data: {          
            path: "pages/ajax/ajax"                   //  不能为空，最大长度 128 字节
            
            //还有几个参数有默认值可以不用选 如：宽度，线条颜色等   可以去官方文档看
          },

          success: function(e) {                      //成功后 开始赋值
                                    
              logo: e.data                            //把二维码字符串赋值（这里是乱码的）
         

    })

3. 处理二维码字符串（乱码）

    wx.arrayBufferToBase64(logo);     //处理乱码


   //这个是前端的  就可以在这个标签里显示出你生成的二维码

   <image src='data:image/png;base64,{{你的那个logo}}'></image>  

代码就这么多，三种获取二维码的方式都是一样的，我选择的是第一种方式，可能会有不严谨的地方，但大体是没什么问题的，有问题可以问我。

分享完了，感谢来观看的小伙伴。