现要在手机H5页面上,加入微信授权登录功能,需要在非微信浏览器中实现。 比如腾讯云,在手机浏览器中打开(比如qq或者uc之类的),选择微信登录时,他可以调起微信app授权,然后确认授权后,又会跳回到原来的手机浏览器,并且已经是微信登录状态了。请问这个怎么弄的
时间: 2023-02-06 12:46:48 浏览: 364
H5界面进行微信登录授权.docx
5星 · 资源好评率100%
在 H5 页面中实现微信授权登录的过程大致如下:
1. 在 H5 页面中点击 "微信登录" 按钮。
2. 向服务端发送请求,获取微信登录所需的授权地址。
3. 在 H5 页面中使用 JavaScript 在新窗口中打开授权地址。
4. 用户在微信中确认授权后,会跳转到授权后重定向的地址,此地址中包含了授权码 code。
5. 在 H5 页面中使用 JavaScript 关闭新窗口,并向服务端发送请求,使用授权码 code 向微信服务端申请访问令牌 access_token 和用户信息。
6. 服务端向微信服务端申请访问令牌 access_token 和用户信息,并将结果返回给 H5 页面。
7. H5 页面接收服务端返回的访问令牌 access_token 和用户信息,并将用户信息显示在页面上。
需要注意的是,上述流程中的第 3 步和第 5 步使用的是 JavaScript 在新窗口中打开和关闭授权地址,因此这部分代码可能会被浏览器拦截,需要使用方案来解决。此外,第 4 步中的授权码 code 也有可能被拦截,因此可以使用 URL 重定向的方式来传递
阅读全文