bdware/bdcontract-web-client
21
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

merge: merge old web-client

Browse Source
This commit is contained in:
Frank.R.Wu 2021-06-16 16:30:14 +08:00
parent 0ede1c3919
commit 1ead2613a9
3 changed files with 239 additions and 249 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
bdwareclient.html
View File

@ -3,27 +3,27 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Cache-Control" content="no-cache"/> <meta http-equiv="Cache-Control" content="no-cache"/>
<title>数瑞客户端</title> <title>数瑞客户端</title>
<script src="./js/createWS.js"></script> <script src="./js/createWS.js"></script>
<script src="./js/cryptico.js"></script> <script src="./js/cryptico.js"></script>
<script src="./js/jquery-2.1.4.js"></script> <script src="./js/jquery-2.1.4.js"></script>
<script src="./js/bootstrap.min.js"></script> <script src="./js/bootstrap.min.js"></script>
<script src="./js/commonutil.js"></script> <script src="./js/commonutil.js"></script>
<link href="./css/common.css" rel="stylesheet">
<link href="./css/bootstrap.min.css" rel="stylesheet">
<script src="./js/vue.js"></script> <script src="./js/vue.js"></script>
<script src="./js/bdwareclient.js"></script> <script src="./js/bdwareclient.js"></script>
<script src="./js/sm2.js"></script> <script src="./js/sm2.js"></script>
<link href="./css/common.css" rel="stylesheet">
<link href="./css/bootstrap.min.css" rel="stylesheet">
</head> </head>
<body> <body>
<header <header class="headerFooter navbar navbar-default navbar-fixed-top navColor ">
class="headerFooter navbar navbar-default navbar-fixed-top navColor ">
<div class="col-10"> <div class="col-10">
<div class="input-group"> <div class="input-group">
<a class="navbar-brand" href="#"> <img alt="Brand" <a class="navbar-brand" href="#">
<img alt="Brand"
src="./img/logo-1.png" style="height: 30px"> src="./img/logo-1.png" style="height: 30px">
</a><a class="navbar-brand">数瑞浏览器&nbsp;&nbsp; </a> </a>
<a class="navbar-brand">数瑞浏览器&nbsp;&nbsp; </a>
<div class="input-group-prepend"> <div class="input-group-prepend">
<input id="urlInput" style="border-top-left-radius: 5px; border-bottom-left-radius: 5px" <input id="urlInput" style="border-top-left-radius: 5px; border-bottom-left-radius: 5px"
type="text" placeholder="输入地址"> type="text" placeholder="输入地址">
@ -34,12 +34,13 @@
</button> </button>
</div> </div>
<div class="input-group-append"> <div class="input-group-append">
<button class="btn btn-outline-secondary" style="border-top-right-radius: 5px; border-bottom-right-radius: 5px" id="switchRenderBtn" type="button" <button class="btn btn-outline-secondary"
style="border-top-right-radius: 5px; border-bottom-right-radius: 5px" id="switchRenderBtn"
type="button"
onclick="changeRender()">不加载界面 onclick="changeRender()">不加载界面
</button> </button>
</div> </div>
<span>&nbsp;&nbsp;&nbsp;</span> <span>&nbsp;&nbsp;&nbsp;</span>
<div class="input-group-append"> <div class="input-group-append">
<select id="selectContract" class="custom-select" <select id="selectContract" class="custom-select"
style="-webkit-appearance: none" onchange="changeApp()"> style="-webkit-appearance: none" onchange="changeApp()">
@ -71,12 +72,10 @@
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row" style="padding-left: 16px; padding-right: 16px"> <div class="row" style="padding-left: 16px; padding-right: 16px">
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-prepend"> <div class="input-group-prepend">
<label class="input-group-text" for="localKeyList">本地公钥</label> <label class="input-group-text" for="localKeyList">本地公钥</label>
</div> </div>
<select class="custom-select" <select class="custom-select"
aria-label="Example select with button addon" aria-label="Example select with button addon"
style="appearance: none" v-model="selectedSM2Key" style="appearance: none" v-model="selectedSM2Key"
@ -98,7 +97,6 @@
</div> </div>
</div> </div>
<div class="row" style="padding-left: 16px; padding-right: 16px"> <div class="row" style="padding-left: 16px; padding-right: 16px">
<div class="input-group mb-1"> <div class="input-group mb-1">
<div class="input-group-prepend"> <div class="input-group-prepend">
<label class="input-group-text" for="localKeyList">当前SM2密钥</label> <label class="input-group-text" for="localKeyList">当前SM2密钥</label>
@ -124,7 +122,6 @@
style="width: 100%; min-height: 150px" rows="" cols=""> style="width: 100%; min-height: 150px" rows="" cols="">
</textarea> </textarea>
<div class="row" style="padding-left: 16px; padding-right: 16px;"> <div class="row" style="padding-left: 16px; padding-right: 16px;">
</div> </div>
<div class="row" style="padding-left: 16px; padding-right: 16px"> <div class="row" style="padding-left: 16px; padding-right: 16px">
<span>我的权限：{{myRole}}</span> <span>我的权限：{{myRole}}</span>
@ -143,16 +140,10 @@
</button> </button>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="modal fade" id="dialog" tabindex="-1" role="dialog" <div class="modal fade" id="dialog" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true"> aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
@ -176,16 +167,12 @@
</div> </div>
</div> </div>
</div> </div>
<script>
var h = document.body.clientHeight
- $("header").css("height").replace("px", "")
<script>
const h = document.body.clientHeight
- $("header").css("height").replace("px", "")
$("#main").css("height", h + "px"); $("#main").css("height", h + "px");
init(); init();
//initWSocket();
</script> </script>
</body> </body>

5
js/bdwareclient.js
View File

@ -243,6 +243,11 @@ function onExecuteResult(obj) {
onExecuteResultInternal(obj); onExecuteResultInternal(obj);
} }
function onExecuteContractTrustfully(obj) {
console.log(obj);
$("#consistencyResult").html(global.executeResult.size + "个结果一致");
}
function showContractResult(requestID) { function showContractResult(requestID) {
var data = global.responseCollector[requestID][0]; var data = global.responseCollector[requestID][0];
result = data; result = data;

32
js/createWS.js
View File

@ -2,7 +2,7 @@ var createWssocket = function(wsurl, onopen, handler) {
console.log("[createWS.js] createWssocket : " + wsurl); console.log("[createWS.js] createWssocket : " + wsurl);
var retsocket = {}; var retsocket = {};
retsocket.handlerList = []; retsocket.handlerList = [];
if (handler != undefined) if (handler)
retsocket.handlerList.push(handler); retsocket.handlerList.push(handler);
var wssocket = new WebSocket(wsurl); var wssocket = new WebSocket(wsurl);
wssocket.onerror = function (error) { wssocket.onerror = function (error) {
@ -39,11 +39,11 @@ var createWssocket = function(wsurl, onopen, handler) {
wssocket.onclose = reconnect; wssocket.onclose = reconnect;
retsocket.receiveSeg = function (obj) { retsocket.receiveSeg = function (obj) {
if (obj.cid == 'start') { if (obj.cid === 'start') {
retsocket.toReceive = ""; retsocket.toReceive = "";
} }
retsocket.toReceive += obj.data; retsocket.toReceive += obj.data;
if (obj.cid == 'done') { if (obj.cid === 'done') {
console.log("[receiveSeg] Received AllData:" + retsocket.toReceive); console.log("[receiveSeg] Received AllData:" + retsocket.toReceive);
var event = {}; var event = {};
event.data = retsocket.toReceive; event.data = retsocket.toReceive;
@ -82,15 +82,14 @@ var createWssocket = function(wsurl, onopen, handler) {
}; };
retsocket.sendNextSegment = function () { retsocket.sendNextSegment = function () {
var str = retsocket.toSend; var str = retsocket.toSend;
const obj = {};
if (str.length > 1024) { if (str.length > 1024) {
retsocket.toSend = str.substr(1024); retsocket.toSend = str.substr(1024);
var obj = {};
obj.isSegment = true; obj.isSegment = true;
obj.data = str.substr(0, 1024); obj.data = str.substr(0, 1024);
wssocket.send(JSON.stringify(obj)); wssocket.send(JSON.stringify(obj));
} else { } else {
retsocket.toSend = ""; retsocket.toSend = "";
var obj = {};
obj.isSegment = false; obj.isSegment = false;
obj.data = str; obj.data = str;
wssocket.send(JSON.stringify(obj)); wssocket.send(JSON.stringify(obj));
@ -119,8 +118,7 @@ var aesDecrypt = function(data) {
}; };
var aesEncrypt = function (data, aesKey) { var aesEncrypt = function (data, aesKey) {
var key = aesKey; var exkey = aesKey.slice(0);
var exkey = key.slice(0);
aes.ExpandKey(exkey); aes.ExpandKey(exkey);
var blocks = my.string2bytes(data); var blocks = my.string2bytes(data);
blocks = my.pad16(blocks); blocks = my.pad16(blocks);
@ -132,8 +130,7 @@ var aesEncrypt = function(data, aesKey) {
var rsaEncrypt = function (data, rsaKey) { var rsaEncrypt = function (data, rsaKey) {
var rsa = new RSAKey(); var rsa = new RSAKey();
rsa.setPublic(rsaKey.n, rsaKey.e1); rsa.setPublic(rsaKey.n, rsaKey.e1);
var result = rsa.encrypt(data); return rsa.encrypt(data);
return result;
}; };
var loadRSAKey = function (rsaKey) { var loadRSAKey = function (rsaKey) {
var str = cryptico.b64to256(rsaKey); var str = cryptico.b64to256(rsaKey);
@ -178,7 +175,7 @@ var onExecuteResultInternal = function(data) {
global.executeResult = data; global.executeResult = data;
var reqId = data.responseID; var reqId = data.responseID;
var callback = global.cbs[data.responseID]; var callback = global.cbs[data.responseID];
if (callback != undefined) { if (callback) {
callback(global.executeResult, data); callback(global.executeResult, data);
} }
}; };
@ -194,7 +191,7 @@ window.executeContract = function(contractID, method, strarg, cb) {
request.operation = method; request.operation = method;
request.arg = strarg; request.arg = strarg;
if (sm2Key != undefined) { if (sm2Key) {
request.pubkey = sm2Key.publicKey; request.pubkey = sm2Key.publicKey;
request.signature = sm2.doSignature(request.contractID + "|" request.signature = sm2.doSignature(request.contractID + "|"
+ method + "|" + strarg + "|" + sm2Key.publicKey, + method + "|" + strarg + "|" + sm2Key.publicKey,
@ -212,17 +209,17 @@ window.executeCurrentContract = function(method, strarg, cb) {
window.loadBDWareWebSDK = function (url, onopen, handler) { window.loadBDWareWebSDK = function (url, onopen, handler) {
if (window.global == undefined) { if (!window.global) {
window.global = {}; window.global = {};
} }
if (global.sm2Key == undefined) { if (!global.sm2Key) {
if (sm2 != undefined) if (sm2)
global.sm2Key = sm2.generateKeyPairHex(); global.sm2Key = sm2.generateKeyPairHex();
} }
if (global.cbs == undefined) { if (!global.cbs) {
global.cbs = {}; global.cbs = {};
} }
if (global.wssocket == undefined) { if (!global.wssocket) {
global.wssocket = createWssocket(url, onopen, function (event, wss) { global.wssocket = createWssocket(url, onopen, function (event, wss) {
var data = event.data; var data = event.data;
var obj = JSON.parse(data); var obj = JSON.parse(data);
@ -230,11 +227,12 @@ window.loadBDWareWebSDK = function(url, onopen, handler) {
case 'onExecuteResult': case 'onExecuteResult':
onExecuteResultInternal(obj); onExecuteResultInternal(obj);
default: default:
break;
} }
handler(event, global.wssocket); handler(event, global.wssocket);
}); });
} else { } else {
if (onopen != undefined) if (onopen)
onopen(); onopen();
global.wssocket.addHandler(handler); global.wssocket.addHandler(handler);
} }