小程序动态生成小程序码（带参数）以及接收参数

前言

在小程序中，我们通过canvas绘制图片并分享到朋友圈中，但是我们怎么才能在绘制的小程序码上带参数呢？如下图：

动态生成小程序码.jpg
这里我们需要带着参数去生成新的小程序码（通过后台接口可以获取小程序任意页面的小程序码）

场景

官方提供了生成小程序码的几种方式：

• 接口 A: 适用于需要的码数量较少的业务场景
• 接口 B：适用于需要的码数量极多的业务场景（常用，本文就是用的此接口）
• 接口 C：适用于需要的码数量较少的业务场景
• 接口 D：适用于“一物一码”的业务场景

生成小程序码

page是页面地址，例如：'pages/index/index'。pages前面不能有斜杠
scene是参数，为字符串。比如要传入id=33，那么scene参数就可以写成"33"，多个参数以&分开，如第二个参数是code=44，则是"33&44"。

Page({
  onLoad(options) {
    this.getCode();
  },
  getCode() { //获取动态小程序码
    wx.request({
      url: 'url', //后端接口
      method: 'POST',
      dataType: 'json',
      data: {
        page: "pages/index/index",
        scene: "33&44"
      },
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: res => {
        //后端返回的小程序码服务器地址（默认是二进制图片，我这里是后端处理过了）
        console.log(res);
        //此处是将小程序码下载到本地，用于canvas绘图（ps：网络图片一定要先下载到本地）
        wx.downloadFile({
          url: res.data.data, //上方返回的服务器小程序码地址
          success: res1 => {
            if (res1.statusCode === 200) {
              //下载成功，我这里是执行的canvas绘图方法（canvas绘图可看下篇文章）
              this.canvasPoster(res1); 
            }
          }
        });
      }
    });
  }
})

获取参数

Page({
  onLoad (options) {
    //需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
    let scene = decodeURIComponent(options.scene);
    let id = scene.split("&")[0];
    let code = scene.split('&')[1];
  }
})