浏览器如何打开微信连接到服务器,使用浏览器访问或调试微信公众号(跳过微信认证)...

因为大部分公众号web应用实际登录都是使用用户微信认证登录,下文主要是提供一种方法使在PC端使用任意浏览器绕过微信认证完成登录,后面就可以在浏览器中使用或调试web应用。

应用服务器(我们自己的第三方应用程序)需要知道是谁在访问服务(登录),而在微信公众号应用中登录一般都是使用静默的oauth2,由微信认证用户的真实性,并通知应用服务器当前用户是哪位(openid)

那能不能跳过微信应用程序由第三方来模拟(模拟微信应用程序,骗过微信oauth2服务器)完成oauth2授权?

当然如果您本身就是公众号的管理者那可以直接设置自己的帐号为该公众号开发者帐号,作为开发者帐号其实这些都不要去关心,因为你可以直接使用微信开发者工具去完成授权,然后在开发者工具中进行调试

但是即便拥有公众号开发者权限,大部分基于UI的自动化测试工具无法控制微信开发者工具,基本上都是控制浏览器本身,最终也还是需要在浏览器中提供验证。

9cc5c3fd11dff5c17968311b53860a42.png

请求1:一般就是一个对公众号网页的范围,一旦我们自己的应用服务器发现这个用户授权失效(没有相应cookie,或cookie对不上),那服务器返回302,要求用户(微信APP内置 浏览器)跳转至微信授权服务器 『https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect』 这里有个关键信息appid,应用服务器会把appid带上,以便微信授权服务器识别是那个公众号来授权了

请求2,3:用户按302的指示向微信服务器进行授权,在2,3中微信用户不仅把之前的appid带上,还带上了uni(user information 正常也只在微信跟微信服务通讯中用),跟一个关键的key。(这个key值每次授权不不一样,所以保存下来重放也无效),猜测key是由微信应用程序根据用户信息,公众号信息加密合成的,外部应用程序也是很难仿照。第2步 的 appid与uin向微信服务器换取了uuid,第3步,微信返回了关键的code参数,并通知微信应用程序301到 我们的应用服务的地址。 (实际上一旦应用服务器拿到code,后面的步骤就可以不一定一定需要微信APP参与了)

请求4:用户带着微信返回的code请求我们的应用服务器,我们自己的应用服务器拿到code后向微信授权服务器换取网页授权access_token 『https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code』 注意这个请求需要带上secret,即表示这个请求只能由我们的应用服务器来完成(secret不能公开)

完成请求5后我们的应用服务器已经拿到openid,access_token ,简单的应用取得openid后即已经能确定用户的身份了。如果需要用户的详细信息可以使openid,access_token用进一步向微信服务器请求

结束:一般应用服务器使用用户的openid标识用户,所以得到通过用户请求中的code获取到openid后即表示用户已经被认证,应用服务器此时通常在这个请求的response中加入Set-Cookie将登录信息写入微信浏览器(或者对之前的cookie的认证信息标记为有效)

通过上面简单的步骤可以看出来无论是客户端(微信)还是应用服务器都有私有的类似secret的数据,来保证各自的不可伪造性。所以无论是想要伪造谁都不是那么简单

但是一旦微信oauth2完成后的安全性就会变成一般浏览器的一样,应用服务器验证用户基本上都凭借请求中带的含有十分信息的cookie。也就是说我们只要能在微信公众号(服务号)应用完成认证后将相应的cookie取出并写入浏览器(或者其他调试工具),那浏览器就可以通过后面应用服务器的身份验证(无论当前网页使用怎样的域名甚至是前端人员的本地页面)

那现在就是2个步骤:

获取网站授权完成后的cookie(cookie可能会有很多,而我们其实不用关注哪个是认证用户信息用的,全部拿过来就行了)。对于cookie的获取其实还是比较方便的,如果被设置为微信公众号的开发者可以直接使用微信web开发者工具,调试信息包括cookies也都会有,如果不是开发者无法进入调试模式也没有关系,任何针对http协议及更底层协议的抓包工具都可以查看request所携带的cookie信息。

然后就是将cookies信息写入浏览器,如果是浏览器可以在Console中修改cookies,不过要求必须必须带有js执行能力的控制台的浏览器。还是一个就是通过response的head头 Set-Cookie来完成cookie的写入及修改。

下面接受一种更简单的步骤完上面2个步骤

直接在手机微信上打开公众号(订阅号)页面,使用fiddler抓取指定网站任意页面请求(也可以使用PC版微信打开公众号页面)

进入free cookies 标签页(free cookies 插件下载地址 使用说明)

选择目标域名网址的任意页面请求(注意图片及js资源可能不含有cookies信息)点击Get Cookies获取cookie (如下图)

070a197c3cd7ddbbf287ad71f42a7173.png

打开本地调试页面(也可以是其他域名或是同一域名)

ae9367b52d8efec1051d3e3aa8a56d51.png

填写目标地址到UrlFilter,勾选Injeck Cookies,在浏览器中对该站点任意请求进行刷新操作(cookie 写入完成后建议取消勾选,或者不要勾选Inject Always)

写入cookies后就可以看到页面再与服务器的交互就已经完成了“登录”

cb828ba3ebc52ef1970996cfac6659ce.png

最后下图展示一张京东到家公众号应用直接在chrome,并完成了微信的认证登录。(实际是手机微信的登录后将cookie再写到Chrome里,这里jd需要在浏览器中修改UA,chrome本身就可以直接修改UA)

cb3b453c4b05406c51ef88ebe7bd17a9.png

微信小程序是一种在微信平台上运行的轻量级应用程序,而H5是指基于HTML、CSS和JavaScript开发的网页应用。微信小程序跳转到H5,然后再跳回微信小程序可通过以下步骤实现。 首先,要实现小程序跳转到H5,可以在小程序中使用`wx.navigateTo`或`wx.redirectTo`等方法跳转到指定的H5页面。例如: ```javascript wx.navigateTo({ url: 'https://www.example.com' }) ``` 这样就会在微信内置浏览器打开指定的H5页面。 其次,要在H5页面中跳回微信小程序,可以通过微信提供的`wx.miniProgram.navigateTo`或`wx.miniProgram.redirectTo`等方法实现。这些方法需要在H5页面中通过`wx.miniProgram.postMessage`方法向微信小程序发送消息,以触发跳转。例如: ```javascript wx.miniProgram.navigateTo({ url: '/pages/index/index' }) ``` 需要注意的是,在H5页面中跳回微信小程序时,需要提前配置好小程序的appid等信息,并且在小程序端进行相应的处理,以兼容H5和小程序之间的跳转逻辑。 最后,要保证跳转的安全性和用户体验,建议在跳转前进行权限验证,确保用户有访问H5页面和微信小程序的权限。同时,在H5页面和小程序之间可以通过`postMessage`方法传递数据和信息,以实现更灵活的交互。 总之,微信小程序跳转到H5,然后再跳回微信小程序,可以通过微信提供的相关API实现。开发者需要在小程序和H5页面中分别处理好跳转逻辑和数据传递,以提供良好的用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值