java后台restTemplate生成二小程序维码，前端渲染

梦里梦外; 2022-11-02 13:17 151阅读 0赞

### 文章目录 ###

*   *  需求场景
     *  技术实现分析
     *  java后台restTemplate生成二小程序维码
     *  前端渲染
     *  app.js
     *  效果如下:

## 需求场景 ##

用户A登录小程序，在我的页面，点击推荐新客户，需要生成小程序二维码携带用户A的id；  
用户B扫描上面的二维码，即可进入小程序，根据是否注册过，将用户B和用户A的id建立推荐关系。

## 技术实现分析 ##

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

> 重点代码如下:

## java后台restTemplate生成二小程序维码 ##

@RequestMapping("/getQrCode")
        @ResponseBody
        public String getAppQrCode(@RequestParam(name="recomReferorId") String recomReferorId, HttpServletResponse response) throws Exception { 
            RestTemplate restTemplate = new RestTemplate();
            SimpleClientHttpRequestFactory requestFactory = new SimpleClientHttpRequestFactory();
            // 设置代理，因为我们公司访问外网需要代理，所以设置代理，如果没有这个要求，就不用设置
            restTemplate.setRequestFactory(requestFactory);
            // 获取token
            String token = businessWxService.getAccessToken();
            // 配置参数
            Map<String, Object> param = new HashMap<>(5);
            param.put("scene", "clientId="+recomReferorId);
            param.put("page", "pages/index/index");
            param.put("width", 247);
            param.put("is_hyaline", true);
            String url = "https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=" + token;
            ResponseEntity<byte[]> responseEntity = restTemplate.postForEntity(url, JSON.toJSONString(param), byte[].class);
            byte[] result = responseEntity.getBody();
            String s = Base64.getEncoder().encodeToString(result);
            return s;
        }

## 前端渲染 ##

生成二维码页js

// 获取小程序码（接口）
      getQrCode() { 
        app.func.reqGet('/static/wx/getQrCode', { 
          recomReferorId: wx.getStorageSync('userInfo').wechatId
        }, res => { 
          if (res.result === 'SUCCEED') { 
            this.setData({ 
              qrcode: `data:image/PNG;base64,${ res.data}`
            })
          }
        })
      },

二维码页面

## app.js ##

//app.js
    
    import {  TOKENISSURE } from "./config/config";
    
    var http = require('http.js')
    
    App({ 
      globalData: { 
        token: null,
        userInfo: null,
        hasUserInfo: false,
        userInfo1: null,
        lotteryTitle: null,
        recomReferorId: '',
        firstLoginPage: ''
      },
      onLaunch(options) { 
        console.log(options, 'options-----------------')
        this.globalData.firstLoginPage = options.path
        try { 
          this.globalData.token = wx.getStorageSync('token')
          this.globalData.userInfo = wx.getStorageSync('userInfo')
          if (this.globalData.token) { 
            this.globalData.hasUserInfo = true
            // 每次进入小程序需要调一下，后台记录使用
            this.getCurrentPageUrl()
          } else { 
            if(options.scene === 1047) { 
              // 扫小程序码进入
              let queryStr = options.query.scene
              if (queryStr) { 
                let query = { }
                decodeURIComponent(queryStr).split('&').forEach(item => { 
                  let arr = item.split('=')
                  query[arr[0]] = arr[1]
                })
                this.globalData.recomReferorId = query['clientId']
              }
    
            } else { 
              // 没登陆跳转登陆页面
              if (options.query.clientId) { 
                // 存在邀请 clientId
                this.globalData.recomReferorId = options.query.clientId
              }
            }
            wx.navigateTo({  url: '/pages/login/index' })
          }
        } catch (e) { 
          console.log(e)
        }
        // 展示本地存储能力
        var logs = wx.getStorageSync('logs') || []
        logs.unshift(Date.now())
        wx.setStorageSync('logs', logs)
      },
    
      // 获取当页面url地址
      getCurrentPageUrl: function () { 
        wx.showLoading({ 
          title: '数据加载...',
          mask: true,
        })
        let data = { 
          clientId: wx.getStorageSync('userInfo').wechatId,
          enterPageUrl: `/${ this.globalData.firstLoginPage}`,
          enterPageDecri: '飞碟汽车天文馆',
          providerType: 1,
        }
        wx.request({ 
          url: http.rootUrl + '/business_enter_record/add?sign=1&timestamp=' + Date.parse(new Date()),
          data: data,
          method: 'POST',
          header: { 
            'Content-Type': 'application/json',
            'X-Request-Id': new Date().getTime(),
            'X-Token-Issuer': TOKENISSURE,
            Authorization: wx.getStorageSync('token'),
          },
          success: function (res) { 
            if (res.data.result == 'SUCCEED') { 
              wx.hideLoading()
              return typeof cb == 'function' && cb(res.data)
            } else { 
              wx.hideLoading()
              return typeof cb == 'function' && cb(false)
            }
          },
          fail: function () { 
            wx.hideLoading()
            return typeof cb == 'function' && cb(false)
          },
        })
      },
      GetUserToken: function () { 
        return new Promise((resolve) => { 
          //console.log("this.globalData.userInfo.userId", this.globalData.userInfo.userId)
          wx.request({ 
            url: 'https://nms.wuzheng.com.cn/common/xcx/getToken',
            method: 'GET',
            data: { 
              userId:wx.getStorageSync('userInfo').wechatId,
            },
            success: (res) => { 
              //console.log("2", res);
              this.globalData.token = res.data.data
              return resolve(res.data.data)
            },
            fail: function (res) { 
              return res
            },
          })
        })
      },
      GetSystemInfo: function () { 
        return new Promise((resolve) => { 
          wx.request({ 
            url: 'https://nms.wuzheng.com.cn/common/xcx/systemInfo',
            method: 'GET',
            success: (res) => { 
              this.globalData.lotteryTitle = res.data.data.lotteryTitle
              wx.setStorage({ 
                key: 'programNotice',
                data: res.data.data.programNotice,
                success: function () { 
                  return resolve(res.data.data)
                },
              })
            },
          })
        })
      },
      // 这里配置我们需要的方法
      func: { 
        reqGet: http.reqGet,
        reqPost: http.reqPost,
        postQuery: http.postQuery,
        formatRichText: http.formatRichText,
      },
    })

关键代码:

if(options.scene === 1047) { 
              // 扫小程序码进入
              let queryStr = options.query.scene
              if (queryStr) { 
                let query = { }
                decodeURIComponent(queryStr).split('&').forEach(item => { 
                  let arr = item.split('=')
                  query[arr[0]] = arr[1]
                })
                this.globalData.recomReferorId = query['clientId']
              }

## 效果如下: ##

![在这里插入图片描述][20210226144423510.png]

--------------------

完

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JhaWR1XzIxMzQ5NjM1_size_16_color_FFFFFF_t_70]: /images/20221024/68b4e64523324b4aac2daa53879425ce.png
[20210226144423510.png]: /images/20221024/cfea0c45e2cf40ee8ed48d48f1cf18b7.png