88 lines
2.8 KiB
HTML
88 lines
2.8 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
|
|||
|
|
<title>社交登陆测试页</title>
|
|||
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div>点击如下按钮，授权登录</div>
|
|||
|
|
<div>
|
|||
|
|
手机号<input id="mobile" value="15601691300"><br>
|
|||
|
|
手机验证码<input id="smsCode">
|
|||
|
|
<button id="send_sms_code">发送手机验证码</button>
|
|||
|
|
<br>
|
|||
|
|
<button id="wx_pub">微信公众号授权登录</button>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
<script>
|
|||
|
|
// let server = 'http://127.0.0.1:28080';
|
|||
|
|
let server = 'http://192.168.1.2:28080';
|
|||
|
|
|
|||
|
|
let type = 31; //登录类型 微信公众号
|
|||
|
|
|
|||
|
|
// 微信公众号
|
|||
|
|
$("#wx_pub").on("click", function () {
|
|||
|
|
let code = getUrlParam("code"); // 访问授权连接后，会回调本页面地址，参数在本页面url后面
|
|||
|
|
let state = getUrlParam("state");
|
|||
|
|
console.log("获取code: " + code + ", state: " + state)
|
|||
|
|
|
|||
|
|
let data = {
|
|||
|
|
'mobile': $('#mobile').val(),
|
|||
|
|
'smsCode': $('#smsCode').val(),
|
|||
|
|
'code': code,
|
|||
|
|
'state': state,
|
|||
|
|
'type': type
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 调用授权登录接口
|
|||
|
|
$.ajax({
|
|||
|
|
url: server + "/api/social-login2",
|
|||
|
|
method: 'POST',
|
|||
|
|
data: JSON.stringify(data),
|
|||
|
|
contentType: "application/json;charset=utf-8",
|
|||
|
|
dataType: "json",
|
|||
|
|
success: function( result ) {
|
|||
|
|
if (result.code !== 0) {
|
|||
|
|
alert('调用授权登录接口失败，原因：' + result.msg)
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
alert("授权登录成功, token: "+result.data.token)
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 发送手机验证码
|
|||
|
|
$("#send_sms_code").on("click", function () {
|
|||
|
|
let data = {
|
|||
|
|
'mobile': $('#mobile').val(),
|
|||
|
|
'scene': 1 // 手机号登陆 类型
|
|||
|
|
}
|
|||
|
|
$.ajax({
|
|||
|
|
url: server + "/api/send-sms-code",
|
|||
|
|
method: 'POST',
|
|||
|
|
data: JSON.stringify(data),
|
|||
|
|
contentType: "application/json;charset=utf-8",
|
|||
|
|
dataType: "json",
|
|||
|
|
success: function (result) {
|
|||
|
|
if (result.code !== 0) {
|
|||
|
|
alert('发送手机验证码失败，原因：' + result.msg)
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
alert("发送成功, 请查看日志");
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
//获取url中的参数
|
|||
|
|
function getUrlParam(name) {
|
|||
|
|
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
|
|||
|
|
var r = window.location.search.substr(1).match(reg); //匹配目标参数
|
|||
|
|
if (r != null) return unescape(r[2]);
|
|||
|
|
return null; //返回参数值
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</html>
|