说明:
html通过输入的密钥生成滑块验证通过后可生成校验后的密钥,这个为之前研究微信小程序登录12306的替代方案。。。,奈何微信小程序的refer无法修改,导致后续无法登录
图片:
代码:
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>阿里滑块手动验证</title>
<script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/sd/ncpc/nc.js?t=2015052012" xml:space="preserve"></script>
</head>
<body class="page-login">
<div style="padding-top: 30px;width: 300px;margin:0 auto;">
<div class="content">
<div id="J-slide-passcode" class="nc-container"></div>
<div class="lay-btn captchaButton passengerInfo-inside" data-touclick-name=""></div>
</div>
</div>
<script src="./clipboard.min.js"></script>
<input type="text" value= "FFFF0N000000000085DE:1607583732147:0.82356512022380481" id='inputevent'>
<button class="btn2" onClick="getSlidePasscode()">运行滑块</button>
<button class="btn" onload="abc()">获取滑块校验</button>
<div style="color: #999;line-height: 25px;padding-top: 30px;font-size: 13px;text-align:center;">
【看到滑块,请尽快操作滑动】
<br>温馨提示:该滑块为12306登录或者提交订单时所需要的滑块,一次提交需要验证一次,如果验证通过则可以关闭当前页面。
<br>如果拖过去错误了,可能阿里云误判您的操作像机器,有一定的误判,如果一直错误,可能是浏览器被封了,参考如下操作。
<br>由于阿里云有大数据分析,验证次数过多可能会一直验证失败,可更换系统默认浏览器,清除当前浏览器的历史记录和缓存。
</div>
<script>
var aliresponse = 'NULL'
var clipboard = new ClipboardJS('.btn', {
text: function() {
return aliresponse;
}
});
clipboard.on('success', function(e) {
alert('复制成功 '+ aliresponse);
});
clipboard.on('error', function(e) {
alert('复制失败');
});
function getSlidePasscode() {
var token = document.getElementById('inputevent').value
//alert(token)
var x = {
renderTo: "#J-slide-passcode",
appkey: "FFFF0N000000000097A5",
scene: "nc_login",
token: token,
customWidth: 340,
trans: {
key1: "code0"
},
elementID: ["usernameID"],
is_Opt: 0,
language: "cn",
isEnabled: true,
timeout: 3000,
times: 5,
apimap: {},
callback: function (z) {
aliresponse = "{\"token\":\"" + token + "\",\"csessionid\":\"" + z.csessionid + "\",\"sig\":\"" + z.sig+"\"}"
console.log(aliresponse)
}
};
var y = new noCaptcha(x);
y.upLang("cn", {
_startTEXT: "请按住滑块,拖动到最右边,完成登录",
_yesTEXT: "验证通过",
_error300: '哎呀,出错了,点击<a id="reset" href="javascript:__nc.reset()">刷新</a>再来一次',
_errorNetwork: '网络不给力,请<a id="reset" href="javascript:__nc.reset()">点击刷新</a>',
});
}
</script>
</body>
</html>