1. 程式人生 > >微信小程式-生成二維碼-如何在本地js中除錯呼叫

微信小程式-生成二維碼-如何在本地js中除錯呼叫

官方連結

 

        let appId = 'wxbf338********361';
        let secret = 'ce5e6c73*********************8a';

        let getUrl = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=secret';
        wx.request({
            url: getUrl, 
            data: {
                x: '' ,
                y: ''
            },
            header: {
                'content-type': 'application/json' // 預設值
            },
            method:'GET',
            dataType:'json',
            success: function(res) {
                let getUrl = 'https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token='+res.data.access_token;

                wx.request({
                    url: getUrl, //僅為示例,並非真實的介面地址
                    data: {
                        width:400,//生成二維碼圖片大小,越大,越清晰
                        scene:'38,0',//值視專案而定
                        page:'pages/wechat'

                    },
                    header: {
                        'content-type': 'application/octet-stream' // 預設值
                    },
                    method:'POST',
                    dataType:'json',
                    responseType:'arraybuffer',
                    success: function(res2) {
                        let base64Image = 'data:image/png;base64,' + wx.arrayBufferToBase64(res2.data);
                        if (res2.statusCode == 200) {
                            that.setData ({
                                QRImage: base64Image,  // data 為介面返回的base64字串,直接新增到image的src中可顯示,在canvas上繪圖,模擬器顯示,但是真機不顯示(待解)
                            })
                        }
                    }
                })
            }
        })