微信开发之使用抓包工具在chrome中模拟微信内置浏览器绕过授权登录的网页

微信开发 1956浏览 评论

总所周知一些基于微信公众号开的平台或者网页,

只能在微信客户端中打开而不能直接在浏览器中打开,

因为网页需要授权登录,

那么我们如何直接通过浏览器达到浏览微信授权的网页呢?

致于为什么要这么费力,我想各有各的用处!

毕竟H5难写啊...额...一不小心暴露了点什么...

不过不要干违法的事儿就好....

下面我们来讲解下如何实现:

一、工具准备

  1. chrome 浏览器一枚

  2. charles抓包工具(自己去下载)

  3. 微信需要授权的网页一个

二、先在浏览器中访问一波地址,出现下图

三、添加chrome模拟微信浏览器

  1. 1、f12开发者工具,点击手机样式出现移动端调试界面

  2. 2、添加一个模拟浏览器,点击e di t


  3. 3.点击ad d

  4. 4.更改user agent

  5. 我的是大家也可以自己抓去自己的:

  6. Mozilla/5.0 (Linux; Android 4.4.4; HM NOTE 1LTEW Build/KTU84P) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/33.0.0.0 Mobile Safari/537.36 MicroMessenger/6.0.0.54_r849063.501 NetType/WIFI
  7. 设置完之后,再次刷新页面,可以看到页面为空白,地址栏已经跳转至微信授权地址.
    这时候需要使用cookie来绕过步骤(不一定是存的cookie,也可能是url传参或其他)

  8. 1.打开charles工具,windows和mac都有免费版本。刚才已经叫大家安装过啦

  9. 2.手机wifi代理地址填入电脑ip,端口默认为8888.需要在同一个网络。(不会设置的伙伴百度下,这里不详细的介绍啦)

  10. charles2.png

  11. 如果只需要看手机数据,可点击Proxy--windows[或mac]-proxy,取消前面的勾选。

  12. 3.这时,微信访问小游戏链接,即可在charles看到记录.

  13. charles3.png

  14. 4.https抓包.

  15. chales4.png

  16. charles5.png

  17. 设置完后后,点击菜单Proxy->Ssl Proxying Settings,在Enable Ssl Proxying前打钩,开启ssl代理,点击Add,host可填*号,表示所有,也可填写本机ip,Port可填*号,也可填443.

  18. charles6.png

  19. 这时,再访问,密文已经是明文了,可以获取存储在远端的cookie了,

  20. chales7.png

  21. 5.获取cookie之后,可以将cookie种在chrome浏览器内,然后就可以访问啦!

  22. 打开chrome 开发者工具,点击console ,输入document.cookie = "key= value",可以先清空之前cookie。

  23. 6.这时应该就可以在chrome访问小游戏了,有什么问题欢迎留言。

本文连接:http://www.phpbloger.com/article/48 文章都为原创,转载请注明出处!

相关文章