頁面內部生成小程序二維碼

邏輯實現

獲取 access_token

使用 access_token + path地址 + width大小 來生成二維碼，

wx.request({url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET', //如果找不到，去小程序后臺復制header: {'content-type': 'application/json'},method: 'get',success: function(re) {console.log(re)//首先獲取到 access_token}})

獲取到之后 就可以生成小程序二維碼，或者小程序碼了

wx.request({// url: `https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=${第一步獲取的access_token}`, //小程序二維碼url: `https://api.weixin.qq.com/wxa/getwxacode?access_token=第一步獲取的access_token `, //小程序碼method: 'post',responseType: 'arraybuffer', //關鍵是這里如果不寫返回圖片是二進制，寫上就是64進制的圖片data: {'path': `pages/assess/assess?recordId=${攜帶的參數}`, // 這個就是我們設置的地址'width': 106, //大小},header: {'content-type': 'application/json'},success: function(r) {console.log(r) // 獲取到小程序碼var base64 = wx.arrayBufferToBase64(r.data); //轉換base 64 // 傳遞后端即可}})

整體代碼

wx.request({url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET', //如果找不到，去小程序后臺復制header: {'content-type': 'application/json'},method: 'get',success: function(re) {console.log(re)//首先獲取到 access_tokenwx.request({// url: `https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=${第一步獲取的access_token}`, //小程序二維碼url: `https://api.weixin.qq.com/wxa/getwxacode?access_token=第一步獲取的access_token `, //小程序碼method: 'post',responseType: 'arraybuffer', //關鍵是這里如果不寫返回圖片是二進制，寫上就是64進制的圖片data: {'path': `pages/assess/assess?recordId=${攜帶的參數}`, // 這個就是我們設置的地址'width': 106, //大小},header: {'content-type': 'application/json'},success: function(r) {console.log(r) // 獲取到小程序碼var base64 = wx.arrayBufferToBase64(r.data); //轉換base 64 // 傳遞后端即可}})}})

下課

總結

以上是生活随笔為你收集整理的微信小程序：页面内 生成小程序二维码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。