如何获取小程序二维码(获取小程序码)

小程序目前已经成为了互联网业界的一个热门话题，其方便的入口和便捷的服务给人们带来极大的便利。在小程序中，我们经常会用到二维码作为小程序的入口，不过如何获取小程序二维码呢？下面我们就从多个方面来详细阐述。

一、通过微信公众平台获取小程序二维码

如果你是负责小程序运营的工作人员，你可以在微信公众平台上获取小程序的二维码，具体操作步骤如下：

1、进入微信公众平台，选择左侧菜单栏“开发”-“基本配置”；

2、在基本配置页面中找到“开发者ID”和“开发者密码”，即AppID和AppSecret；

3、在左侧菜单栏中选择“开发”-“开发管理”-“开发设置”；

4、在开发设置页面中，找到“开发版、体验版、正式版”的小程序，点击“获取”按钮即可获取到对应的二维码。


// 获取小程序二维码的示例代码
const app = getApp();
wx.request({
  url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + app.globalData.appid + '&secret=' + app.globalData.secret,
  success: res => {
    let access_token = res.access_token;
    wx.request({
      url: 'https://api.weixin.qq.com/wxa/getwxacode?access_token=' + access_token,
      method: 'POST',
      data: {
        path: '/page/index/index',
        width: 430,
        auto_color: true,
        line_color: '{"r":"0","g":"0","b":"0"}',
        is_hyaline: false
      },
      responseType: 'arraybuffer',
      success: res => {
        let base64Url = wx.arrayBufferToBase64(res.data);
        let base64 = 'data:image/jpeg;base64,' + base64Url;
        wx.setStorageSync('imgUrl', base64);
      },
      fail: fail => { }
    })
  },
  fail: fail => { }
})

二、通过第三方工具获取小程序二维码

如果你是小程序开发者，那么你可以通过第三方工具来获取小程序二维码，具体操作步骤如下：

1、找到一个可以生成小程序二维码的第三方工具，例如阿里云API网关；

2、在阿里云API网关上注册并登录，创建API。


// 阿里云API生成小程序二维码的示例代码
const host = 'https://qrcode.market.alicloudapi.com';
const appcode = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx';
wx.request({
  url: host + '/qrcode/createCode/',
  method: 'POST',
  header: {
    'Authorization': `APPCODE ${appcode}`,
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
  },
  data: {
    width: 200,
    content: 'https://xxxxxxxxx.xxxxxxx.xx', // 小程序的访问路径
    type: 1,
    fgColor: '{"r":"0","g":"0","b":"0"}',
    bgColor: '{"r":"255","g":"255","b":"255"}'
  },
  responseType: 'arraybuffer',
  success: res => {
    let base64Url = wx.arrayBufferToBase64(res.data);
    let base64 = 'data:image/jpeg;base64,' + base64Url;
    wx.setStorageSync('imgUrl', base64);
  },
  fail: fail => { }
})

三、通过小程序接口生成二维码

如果你是小程序开发者，那么你也可以通过小程序提供的接口来生成小程序二维码，具体操作步骤如下：

1、使用wx.createCanvasContext方法创建画布对象；

2、使用context.drawImage方法绘制小程序码；

3、使用context.draw方法将画布绘制出来。


// 使用小程序接口生成小程序二维码的示例代码
const qrcode = 'https://xxxxxxxxx.xxxxxxx.xx'; // 小程序的访问路径
wx.downloadFile({
  url: qrcode,
  success: res => {
    let path = res.tempFilePath;
    const context = wx.createCanvasContext('canvas', this);
    wx.getImageInfo({
      src: path,
      success: res => {
        context.drawImage(res.path, 0, 0, 200, 200); // 将小程序码绘制到画布上
        context.draw();
      }
    })
  }
})