const WechatAPI = require('co-wechat-api')

const wxAppAPI = new WechatAPI('小程序的app id', '小程序的app secret')
const token = await wxAppAPI.ensureAccessToken()

console.log(token.accessToken)

步驟2：拼接url，發(fā)送請(qǐng)求獲取二維碼圖片

const fs = require('fs')
const axios = require('axios')

// 拼接url
const url = `https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=${token.accessToken}`

// 發(fā)送POST請(qǐng)求
const response = await axios.post(url, {
  page: '小程序中Page的路徑',
  scene: '自定義參數(shù)，格式你自己決定'
}, { responseType: 'stream' })

// 將請(qǐng)求結(jié)果中的二進(jìn)制流寫(xiě)入到本地文件qrcode.png
response.data.pipe(fs.createWriteStream('qrcode.png'))

在上面的代碼中，我們將access_token作為query string參數(shù)拼接到url上，然后向這個(gè)url發(fā)送POST請(qǐng)求，傳遞的參數(shù)主要是page和scene，其中page參數(shù)是掃碼后進(jìn)入的小程序頁(yè)面路徑（比如pages/index/index，并且不能攜帶參數(shù)），而scene則傳入的是我們的自定義參數(shù)。

其實(shí)經(jīng)過(guò)這一步，你就已經(jīng)可以在你的磁盤(pán)上找到這張小程序碼的圖片了，用微信掃一下這張圖片，就能進(jìn)入你的小程序頁(yè)面。

步驟3：將二維碼圖片輸出

雖然我們已經(jīng)獲取到了小程序碼圖片，但是現(xiàn)在它還只是躺在我們的服務(wù)器端。而通常實(shí)際情況是，我們需要在小程序頁(yè)面上去顯示這張圖片，讓用戶(hù)去保存和分享它。因此，我們需要把這張圖片通過(guò)我們的API進(jìn)行輸出。以下是基于koa 2的示例代碼：

const fs = require('fs')
const Router = require('koa-router')
const router = new Router()

router.get('/wx/common/qrcode', async (ctx) => {
  const stream = fs.createReadStream(‘qrcode.png’)
  ctx.body = stream
})

步驟4：在小程序中顯示

在小程序中顯示該圖片就非常簡(jiǎn)單了，直接使用<image>組件來(lái)進(jìn)行展示：

  <image src="https://your-domain.com/wx/common/qrcode" style="width:200px;height:200px"></image>

附錄：稍微完備一些的服務(wù)端代碼

上面4個(gè)步驟中給出的示例代碼只是為了配合說(shuō)明各個(gè)步驟，代碼比較簡(jiǎn)陋，下面是經(jīng)過(guò)稍微的組織過(guò)的代碼，供參考：

• 路由部分的代碼：

const Router = require('koa-router')
const PassThrough = require('stream').PassThrough;
const wxapi = require('../services/wxapi')
const router = new Router()

router.get('/wx/common/qrcode', async (ctx) => {
  const stream = await wxapi.getWxaCodeUnlimit({
    page: 'pages/profile/profile',
    scene: 'abc123'
  })
  ctx.body = stream.pipe(PassThrough())
})

• Service部分的代碼：

const fs = require('fs')
const path = require('path')
const crypto = require('crypto')
const bluebird = require('bluebird')
const axios = require('axios')
const WechatAPI = require('co-wechat-api')

const wxAppAPI = new WechatAPI('小程序的app id', '小程序的app secret')

function sha1(message) {
  return crypto.createHash('sha1').update(message, 'utf8').digest('hex')
}

module.exports = {

  async getWxaCodeUnlimit({ page, scene }) {
    // 圖片文件名使用page和scene等數(shù)據(jù)生成Hash
    // 以避免重復(fù)生成內(nèi)容相同的小程序碼
    const fileName = sha1(page + scene)
    const filePath = path.join(__dirname, `../../qrcode/${fileName}.png`)

    let readable

    try {
      // 檢測(cè)該名字的小程序碼圖片文件是否已存在
      await bluebird.promisify(fs.access)(filePath, fs.constants.R_OK);
      readable = fs.createReadStream(filePath)
    } catch (e) {
      // 小程序碼不存在，則創(chuàng)建一張新的
      const token = await wxAppAPI.ensureAccessToken()
      const response = await axios({
        method: 'post',
        url: 'https://api.weixin.qq.com/wxa/getwxacodeunlimit',
        responseType: 'stream',
        params: { access_token: token.accessToken },
        data: { page, scene }
      })
      readable = response.data
      readable.pipe(fs.createWriteStream(filePath))
    }

    // 返回該小程序碼圖片的文件流
    return readable
  }

}

祝大家開(kāi)發(fā)出更好的小程序！