小程序内部生成小程序码的方法与技巧全解

<view bindtap="onViewTap">小程序码</view>

Page({

  data: {},

  // 绑定的点击事件函数

  onViewTap() {

    this.createQrCode(); // 调用生成小程序码

  },

  // 生成小程序码

  createQrCode() {

    this.showLoading();

    wx.cloud

      .callFunction({

        // 请求云函数

        // 云函数getQrCode

        name: 'getQrCode',

      })

      .then((res) => {

        console.log(res);

        const fileId = res.result;

        wx.previewImage({

          // 小程序码,生成后直接预览,前台展示

          urls: [fileId],

          current: fileId,

        });

        this.hideLoading();

      });

  },

  // toast生成中

  showLoading() {

    wx.showLoading({

      title: '正在生成中...',

      icon: 'none',

    });

  },

  hideLoading() {

    wx.hideLoading();

  },

});

{

  "permissions": {

    "openapi": [

      "wxacode.getUnlimited"

    ]

  }

}

// 云函数入口文件

const cloud = require('wx-server-sdk');

cloud.init();

// 云函数入口函数

exports.main = async (event, context) => {

  const wxContext = cloud.getWXContext(); // 获取上下文

  const result = await cloud.openapi.wxacode.getUnlimited({

    // 调用生成小程序码的接口，携带一些参数,例如:scene

    scene: wxContext.OPENID,

  });

  // console.log(result)

  const upload = await cloud.uploadFile({

    // 生成的小程序码上传到云存储中

    cloudPath: 'qrcode/' + Date.now() + '-' + Math.random() + '.png', // 生成的小程序码存储到云存储当中去，路径

    fileContent: result.buffer,

  });

  return upload.fileID; // 返回文件的fileID,也就是该图片

};