微信登录,前端怎么获取用户的信息

我不是艾克
  • 521

微信授权登录,前端怎么获取用户的信息(头像名字)

我知道微信登录了后台会把用户的头像和名称等信息传到数据库,但是前端怎么请求到后台的数据,毕竟微信登录没有请求的接口,(不知道有没有懂我的意思)我们是这么做的:

1.后台直接在PHP里面执行javascript,把用户的信息加载到localstorge里面,但是这个的弊端就是,如果是我前端写加载之后跳转到index页面,页面会先跳转到index,在跳转到后台给我的授权地址;如果是后台那边跳,那么他只能跳到放在服务器上的index,给前台开发带来了很多难处,就问有什么好的方法?

clipboard.png

我这边就样这行,点击微信的图片,就直接跳转到这里就好了,不知道你们怎么实现的,你们的操作流产是怎么样的

我要获取用户微信的头像和名字,提现在这个页面
clipboard.png

回复
阅读 13k
3 个回答

前端不能直接获取用户信息,需要借用鉴权配置信息通过微信的SDK获取,鉴权信息要后端给前端,还是要走服务器,客户端这边不能直接拿到

微信登录成功后,后台不就获取到了用户的信息了吗?前端再显示不就行了

谢邀!
微信授权登录主要代码:

window.location.replace('https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect')

参数说明:

clipboard.png

注意点两个:
1、redirect_uri:授权后重定向的回调链接地址,请使用 urlEncode 对链接进行处理
2、scope:应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且, 即使在未关注的情况下,只要用户授权,也能获取其信息 )。

如果用户同意授权,页面将跳转至redirect_uri/?code=CODE&state=STATE。code说明:code作为换取access_token的票据,每次用户授权带上的code将不一样,code只能使用一次,5分钟未被使用自动过期。 你只要将code的值传递给服务端,服务端就能获取到用户相关信息!
具体参考文档:https://mp.weixin.qq.com/wiki...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏