123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375 |
- <!doctype html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="renderer" content="webkit">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no, viewport-fit=cover" />
- <title>请通过以下验证</title>
- <style>
- body {
- margin: 0;
- }
- .title {
- height: 18px;
- margin: 15px;
- font-size: 18px;
- line-height: 18px;
- }
- #log {
- display: none;
- margin: 0;
- word-break: break-all;
- }
- #log.log {
- display: block;
- }
- #captcha_index_loading {
- position: fixed;
- top: 50%;
- left: 50%;
- overflow: hidden;
- transform: translate(-50%, -50%);
- }
- #captcha {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 260px;
- height: 50px;
- transform: translate(-50%, -50%);
- }
- /* loading */
- .loader {
- width: 40px;
- height: 40px;
- }
- svg path,
- svg rect {
- fill: #3973ff;
- }
- </style>
- </head>
- <body>
- <div id="log"></div>
- <div id="captcha"></div>
- <div id="captcha_index_loading">
- <img class="captcha_index_img loader" id="captcha_img_loading" alt="加载中" style="display: none;">
- </div>
- <script>
- var debug = false;
- var logEle = document.getElementById('log');
- var isOffline = false;
- var indexVersion = '1.0.0'; // 中间页版本号,每次修改文件要进行版本号升级
- function log(str) {
- if (!debug) {
- return;
- }
- var p = document.createElement('p');
- p.appendChild(document.createTextNode(str));
- logEle.insertBefore(p, logEle.firstChild);
- // 同时将错误输出到控制台
- console.log(str);
- }
- // 错误构造函数
- function newError(msg, code, detail) {
- return {
- desc: {
- indexVersion: indexVersion,
- detail: detail
- },
- msg: msg,
- code: code
- }
- }
- var plusReady = function (callback) {
- if (window.plus) {
- callback();
- } else {
- document.addEventListener('plusready', callback);
- }
- };
- (function () {
-
- var jsBridge = (function () {
- var callbacks = {
- showBox: function () {
- captchaObj.showBox && captchaObj.showBox();
- }
- };
-
- return {
- callback: function (type, data) {
- return callbacks[type](data);
- },
- callNative: function(data){
- plusReady(function () {
- uni.postMessage({
- data
- })
- });
-
- }
- }
- })();
- // 暴露 jsBridge
- window.jsBridge = jsBridge;
- // jsBridge 与 全局全局错误捕获要尽可能早的加载,防止gt4中的错误捕获不到;
- if (window.addEventListener) {
- window.addEventListener('error', function (e) {
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'error',
- data: newError("gt4-index error", 60302, e.message)
- });
- })
- } else {
- window.onerror = function (e) {
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'error',
- data: newError("gt4-index error", 60302, e.message)
- });
- }
- }
- })();
- </script>
- <!-- 此链接位置不要改变,防止上面页面错误catch 不到gt4的错误-->
- <script src="./ct4.js"></script>
- <script src="./uni.webview.1.5.1.js"></script>
- <script>
- (function () {
- var startTime = 0;
- var clearID = 0;
- var captcha = document.getElementById('captcha');
- var loadingEle = document.getElementById('captcha_index_loading');
- var img = document.getElementById('captcha_img_loading');
- var query = location.href.split('?')[1];
- // 兼容安卓4.3版本样式问题
- var ua = navigator.userAgent.toLowerCase();
- if(/Android/.test(window.navigator.userAgent) && /android\s([\w.]+)/.exec(ua)[1] <= 4.3) {
- loadingEle.style.left = '45%';
- }
-
- // 兼容低版本Object.assign
- if (typeof Object.assign != 'function') {
- // Must be writable: true, enumerable: false, configurable: true
- Object.defineProperty(Object, "assign", {
- value: function assign(target, varArgs) { // .length of function is 2
- if (target == null) { // TypeError if undefined or null
- throw new TypeError('Cannot convert undefined or null to object');
- }
- var to = Object(target);
- for (var index = 1; index < arguments.length; index++) {
- var nextSource = arguments[index];
- if (nextSource != null) { // Skip over if undefined or null
- for (var nextKey in nextSource) {
- // Avoid bugs when hasOwnProperty is shadowed
- if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
- to[nextKey] = nextSource[nextKey];
- }
- }
- }
- }
- return to;
- },
- writable: true,
- configurable: true
- });
- }
- // 默认配置
- var config = {
- product: 'bind',
- onError: function (e) {
- // 错误信息中插入版本号
- e.desc = Object.assign({}, e.desc, { indexVersion: indexVersion });
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'error',
- data: e
- });
- }
- };
- function setDebug() {
- debug = true;
- logEle.className = 'log';
- }
-
- function paseURI() {
- return JSON.parse(decodeURIComponent(query.split('=')[1]));
- }
- function checkArgs(args) {
- //设置loading
- img.src = args['loading'] ? args['loading'] : './gt4-loading.gif';
- clearID = setTimeout(function () {
- img.style.display = 'inline-block';
- }, 200);
- // 是否开启debug
- if (args['debug']) {
- setDebug(true);
- startTime = (new Date()).getTime();
- log(JSON.stringify(args))
- }
- // 设置title
- if (args['title'] && args['title'] != "") {
- var h3 = document.createElement('h3');
- h3.className = 'title';
- h3.appendChild(document.createTextNode(decodeURIComponent(args['title'])));
- captcha.appendChild(h3);
- }
- // 检查必要参数
- if (!args['captchaId']) {
- log('args error: ' + query);
- }
- // 通过useLocalOffline判断是否会加入宕机效验
- if (args['useLocalOffline']) {
- //宕机启用自己的方法
- config.offlineCb = function () {
- isOffline = true;
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'result',
- data: {
- captcha_id: args['captchaId'],
- challenge: args['challenge'],
- offline: true
- }
- });
- }
- }
- }
- function mergeOptions(args) {
- for (var k in args) {
- if (args.hasOwnProperty(k) &&
- ['debug', 'title', args['type']].indexOf(k) === -1) {
- config[k] = args[k];
- }
- }
- }
- if (!query) {
- setDebug();
- log('no query: ' + location.href);
- return false;
- }
- // 解析参数
- var args = paseURI(query);
- // 检查参数
- checkArgs(args);
- // 合并配置项
- mergeOptions(args);
- // 初始化验证码
- var handler = function (captchaObj) {
- window.captchaObj = captchaObj;
- captchaObj
- .appendTo(captcha)
- .onSuccess(function () {
- var result = captchaObj.getValidate();
- log('Success validate: ' + result);
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'result',
- data: result
- });
- })
- .onReady(function () {
- log('load time: ' + ((new Date()).getTime() - (startTime || 0)));
-
-
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'ready',
- data: {
- ready: 0
- }
- })
-
- if (!isOffline) {
- // 非宕机模式下获取移动端coreSDK数据
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'get'
- })
- }
- clearTimeout(clearID);
- loadingEle.style.display = 'none';
- })
- .onClose(function () {
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'close'
- });
- })
- .onError(function (e) {
- e.desc && (e.desc.indexVersion = indexVersion);
-
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'error',
- data: e
- });
- })
- .onFail(function (e) {
-
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'fail',
- data: e
- });
- })
- };
-
- try {
- window.initAlicom4(config, handler);
- } catch (error) {
- jsBridge.callNative({
- time:new Date().getTime(),
- type: 'error',
- data: newError("gt4-index error", 60302, '加载验证过程中报错')
- });
- }
- })();
- </script>
- </body>
- </html>
|