前后端分离之后,在微信内置浏览器获取openid

本文介绍了一种在前后端分离的项目中实现微信OAuth登录的方法。通过前端获取code并传递给后端,后端进一步获取access_token和openid,解决了跨域问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

以往的试用微信支付获取openid

    1.修改网页授权

    201053_zwOb_2723374.png

201143_bv8V_2723374.png

2.然后根据微信开发文档网页授权进行开发代码

    https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

3.这是正常的开发

201531_XYrT_2723374.png

201422_njpF_2723374.png

201439_Z3pc_2723374.png

201504_c06X_2723374.png

4.这一块在以往PHP开发中很容易实现,但是如果前后端分离之后,code就不好获取了,

    如果直接用ajax请求图2中的URL会出现跨域的问题。

 

5解决

    前端去获取code,然后把code传给后台,后台再去获取access_token和openid。

    实现

        202018_y7Ah_2723374.png

    后台进行URL拼接之后,再利用js的window.location.href=''打开这个链接,

202517_YlIq_2723374.png

然后前端就可以拿到微信返回的code,后台利用这个code再去请求 

202155_ZR78_2723374.png

这个地址,就可以得到access_token和openid

    

转载于:https://my.oschina.net/snxun/blog/1486539

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值