pc、h5微信授权登录

pc登录

微信登录(通过后端返回一个qrcode重定向到页面上，进行扫码授权，获取code即可，再根据code获取登录信息)

h5登录

微信授权登录:(支持微信浏览器，其它浏览器无法拉起微信的授权)：调用接口获取code、用户信息(进行存储)

官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html

// h5微信授权
function login() {var code = GetQueryString('code'); //判断是否有codevar userInfo = getStroage('userInfo'); //判断是否登录过，用户信息//获取的code不等于空,并且user等于空请求接口获取用户信息if(!code && !userInfo) {$.ajax({url: app.serverUrl + '/wx/loginH5WeChat',type: 'POST',data: {code: code},success: function(res) {if(res.status == 200) {storageSave('token', res.data.token)storageSave('userInfo', JSON.stringify(res.data.sysUser))}else if(res.status==500){alert('请在微信客户端打开链接!')}},error: function() {alert("系统开了个小差~~");}});}
}//pc微信授权
function pc_chatLogin(){var code = GetQueryString('code');var userInfo = getStroage('userInfo');if(!code && !userInfo) {//重定向，进行扫码跳转var res = Get({}, app.serverUrl + "/wx/getWebQrCode", "GET");window.location.href = res.data;}
}//对应的页面跟上面一样，获取重定向地址上的code来调用接口获取用户信息
//https://open.weixin.qq.com/connect/qrconnect?appid="appid值"&redirect_uri="重定向地址"&response_type=code&scope=snsapi_login&state=STATE#wechat_redirect

pc、h5微信授权登录相关推荐

H5 微信授权登录功能实现
背景最近几周面试复习以前知识库,刚好博客从国外迁移到国内CSND,同步坐下笔记,梳理之前开发H5 微信授权登录功能获取用户信息数据. H5页面微信授权登录,使用微信官方JSSDK,微信网页授权较为复 ...
uniapp开发h5微信授权登录(详细教程)
uniapp开发h5微信授权登录文章目录 uniapp开发h5微信授权登录前言一.前期准备--申请测试账号二.正式开发--前端代码三.打包发布总结前言我也是第一次做h5授权微信登录,网 ...
H5微信授权登录后点击返回出现循环登录无法退出问题
简单介绍h5微信授权流程 1.入口页跳转到我们自己创建的空白授权页 2.在空白授权页判断url上是否包含code,没有code拼接微信授权链接,通过location.href进行跳转 location ...
H5微信授权登录弹窗提示
如下图:用户授权登录前,先通过静默授权,拿到token,展示部分信息,用户通过授权后拿到头像昵称,该弹窗让用户有个比较好的体验请求过程如下: 1.首次在没有UID.code的情况下:静默授权(&am ...
微信授权登录-微信公众号和PC端网站
一.微信公众号授权登录--微信公众平台微信授权登录,并调用后台接口,获取用户信息 1.网页授权回调域名首先要在公众平台官网中的"开发 - 接口权限 - 网页服务 - 网页帐号 - 网页授 ...
前端实现微信授权登录
PC网页微信授权登录一:网页外链跳转的方式 01.请求后台的接口,会返回一个微信扫码的界面地址,使用js跳转过去即可 wxlogin () {User.wxlogins().then(res =&g ...
微信授权登录问题【公众号登录、PC扫描登录】
微信授权登录问题微信的授权登录比较多,主要分两大类,一类是微信客户端的公众号网站授权登录微信公众号网页授权:第二种是网站或者android.ios的授权登录网站应用微信扫描授权; 具体的andr ...
微信h5登录php,vue实现微信授权登录步骤详解
这次给大家带来vue实现微信授权登录步骤详解,vue实现微信授权登录的注意事项有哪些,下面就是实战案例,一起来看一下. 背景 vue前后端分离开发微信授权场景 app将商品分享到微信朋友圈或者分享给 ...
uniapp - 超详细的 H5 公众号网页微信登录示例代码，提供从 0-1 公众号配置及详细注释代码（站在新手小白的角度）第三方微信授权登录的实现！！
介绍目前示例是 "点击按钮登录",你也可以改为 "一进页面就登录" ,可随意改造. 百度的教程都太乱了,而且功能都有一定问题.本文主要讲解 uniapp H5 ...

pc、h5微信授权登录

pc、h5微信授权登录相关推荐

最新文章

热门文章