微信公众号调用扫一扫

微信公众号调用扫一扫

1.申请测试账号

https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

2.通过AppID和AppSecret获取access_token

get https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=AppID&secret=AppSecret
成功后返回：
{
    "access_token": "20_7fXzw7DDR8uB6qY11-1NJb2WeZ5IkaOHQVpAzGQE7aPcJkaMJXed556yxDqIxqgx7PO2i8_mKVpNH2Zgq8A_pzmKlxUrg_NRhsudR8bkvzxlabsL7QWANuJueesgKxMqJtSVfDE6RJGUjJrRIQYeAHARZH",
    "expires_in": 7200
}

3.通过access_token添加菜单

 post https://api.weixin.qq.com/cgi-bin/menu/create?access_token=access_token
 参数：
 {
    "button": [
      {    
           "type":"view",
           "name":"搜索",
           "url":"http://localhost"
        },
    ]
}
成功后返回：
{
    "errcode": 0,
    "errmsg": "ok"
}

4.通过access_token获取jsapi_ticket

get https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=access_token&type=jsapi
成功后返回：
{
    "errcode": 0,
    "errmsg": "ok",
    "ticket": "HoagFKDcsGMVCIY2vOjf9jdV2ERo0qqIUE-ITmjCOdrOyWeL-POKb4BYkz4n5j4Ef7PJJobZvEmk3XUgH2aHvA",
    "expires_in": 7200
}

5.配置JS接口安全域名

6.在js中添加以下代码

$(document).ready(function () {
    wx.config({
        appId: appId, // 必填，公众号的唯一标识
        timestamp: timestamp, // 必填，生成签名的时间戳
        nonceStr: nonceStr, // 必填，生成签名的随机串
        signature: signature,// 必填，签名，见附录1
        jsApiList: ['scanQRCode']// 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
});

7.调用扫码

wx.scanQRCode({
    needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
    scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
    success: function (res) {
        alert(JSON.stringify(res)) // 当needResult 为 1 时，扫码返回的结果
    },
    fail: function (res) {
        alert(JSON.stringify(res))
    }
});