背景:

   不知道大家没有没接触过微信自动添加好友的软件,还有第三方基于微信做的功能,如分流抢票中的微信通知,可以指定人发消息,还有一些,微信集成机器人的功能.总之我对这一类的软件始终保持着强烈的求知欲和好奇心.终于有一天我忍不住揭开它神秘的面纱,看看她诱人的丝袜下掩盖着着的到底是怎样一双美腿. 终于,终于,我找到了揭开那层面纱的关键词.微信web端通信协议

开始:

 善用搜索的人,可能已经读过一篇解析微信网页版api的文章了,我也是看了那篇文章才想细细的研究一遍,求甚解.

打开微信网页版 你会看到一个二维码,打开控制台,点击netweok你会看到所有请求.

通过分析不难发现,页面优先调取了一个https://login.wx.qq.com/jslogin 接口 获取uuid,然后使用uuid去获取二维码https://login.weixin.qq.com/qrcode/IeJfvSS6vw==

最后调取一个接口去监听用户扫描二维码.

那么扫描就分为了三部分

1:获取UUID

2:获取二维码

3:监听用户扫描二维码

部分截图

一步一步说

获取UUID

代码写的有点糙了,大佬凑合着看吧.

接口详细描述

      地址:
      url: https://login.wx.qq.com/jslogin
      参数:
      appid: wx782c26e4c19acffb // 随便写
      fun: new // 固定new
      lang: zh_CN // 固定zh_CN
      _: 1554721401246 // 当前时间戳
  
 

      router.get('/', function (req, res, next) {
       let getUUID = function () {
          axios.get('https://login.wx.qq.com/jslogin', {
           params: {
             appid: global.appId,
             redirect_uri: 'https://wx.qq.com/cgi-bin/mmwebwx-bin/webwxnewloginpage',
             fun: 'new',
             lang: 'zh_CN',
             _: +new Date()
            }
          }).then(loginRes => {
           console.log(loginRes.data)
            uuid = loginRes.data.split(';')[1].split('= ')[1].replace(/"/g, "")
           global.uuid = uuid
           console.log('UUID为____' + uuid)
            res.render('index', {
             title: 'Express',
             imgData: `https://login.weixin.qq.com/qrcode/${uuid}`
            });
          })
        }
       getUUID()
      });
  
 

此处注意坑点1:该接口返回结果不是json而是text

需要自己处理转换

获取二维码地址

      uuid就是上一步的返回值
      https://login.weixin.qq.com/qrcode/${uuid}
  
 

监听二维码扫描

      // 监听扫描结果方法
      async function _queryScanStatus(tip) {
       let url = 'https://wx.qq.com/cgi-bin/mmwebwx-bin/login'
       let body = {
         tip: tip,
         uuid: global.uuid,
         _: +new Date(),
         loginicon: true
        }
       let res = await axios.get(url, {params: body})
       return dataToJson(res.data)
      }
      // 监听扫描结果入口
      async function getScanResult() {
       let scanRes = await _queryScanStatus(1)
       if (scanRes['window.code'] == 201) {
         let confirmRes = await _queryScanStatus(0)
         if (confirmRes['window.code'] == 200) {
           let data = queryToJson(confirmRes['window.redirect_uri'])
           return data
          }
        }
      }
      function queryToJson(url) {
       let index = url.indexOf('?')
       let apiURL = url.substr(0, index)
       let query = url.substr(index + 1)
       let data = dataToJson(query, '&')
        data.apiURL = apiURL
       return data
      }
      // 监听第一阶段
      router.get('/listnScan', function (req, res) {
       _queryScanStatus(1).then(scanRes => {
         if (scanRes['window.code'] == 201) {
            res.json({scanRes})
          }
        })
      })
      // 监听第二阶段
      router.get('/listnScanConfirm', function (req, res) {
       _queryScanStatus(0).then(confirmRes => {
         if (confirmRes['window.code'] == 200) {
           let data = queryToJson(confirmRes['window.redirect_uri'])
            res.json({data})
          }
        })
      })
  
 

此处一开始我很难理解, 或者去监听用户扫描了,困扰了我很久,但当我注意到调取这个接口会,服务一直处于pending状态我就立即明白了,原来用了那么low的处理啊.

注意这里需要二次调取接口,一次是用户扫描,一次是用户点击了确定登录的按钮.

代码如上:

接口详细描述:

      接口地址
      url: https://login.wx.qq.com/cgi-bin/mmwebwx-bin/login
      请求方式
      method: get
      参数
      loginicon: true // 固定rue
      uuid: 4db-Azt7kA== // 第一步获取的uuid
      tip: 0 // 固定值 0获取1 0:是否扫描; 1:是否确定登录
      r: 56037589 // 
      _: 1554722097962 // 当前时间戳
  
 

代码地址

过程:

整个过程还是挺有意思的,目前代码才刚写到用户点击确定登录的监听, 初始化用户数据还没做. 我会慢慢加上去的,后续还考虑封装api供第三方使用.如果你也想参与请在下方评论留言

高潮:

除了那个监听用户扫描状态的接口比较耗时了一些,还有就是解析返回结果

用户扫描后,会返回用户头像的接口这个接口奇坑无比. 有多种数据格式返回,需要做兼容.具体请看代码

另外需求注意的一点是 生成二维码和去监听扫描决不能同时去请求, 否则会报超时返回408

后续:

未完待续......

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/89096747