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'); //判断是否有code
	var 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

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值