MITSUNARI Shigeo
7 years ago
parent
3b41a2891f
commit
796119d857
@ -0,0 +1,51 @@ |
||||
<!DOCTYPE html> |
||||
<html lang="ja"> |
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>Two-level Homomorphic Encryption demo</title> |
||||
<link rel="stylesheet" href="mobile.css"> |
||||
<script src="jquery-3.2.1.min.js"></script> |
||||
<script src="she_c.js"></script> |
||||
<script src="she.js"></script> |
||||
<script src="index.js"></script> |
||||
</head> |
||||
<body> |
||||
|
||||
<h1>内積の秘匿計算デモ</h1> |
||||
<h3>ライブラリ：</h3><span name="status">初期化中</span> |
||||
|
||||
<h2>データ提供者</h2> |
||||
<h3>秘密鍵：</h3><span name="sec" class="hex"></span> |
||||
|
||||
<table border=1 id="client_table" width="100%" summary="client"> |
||||
<tr id="client_header"><th>x<th>y<th class="hex">Enc(x)<th class="hex">Enc(y)</tr> |
||||
</table> |
||||
<input type="text" name="append" value="1,1"> |
||||
<button type="button" onclick="append()">"x,y"を追加する</button> または |
||||
<button type="button" onclick="appendRand()">プリセットを追加する</button> |
||||
<br> |
||||
<button type="button" onclick="send()">暗号文をサーバに送信</button> |
||||
|
||||
<hr> |
||||
|
||||
<h2>代理秘匿計算サーバ</h2> |
||||
<h3>公開鍵：</h3><span name="pub" class="hex"></span> |
||||
|
||||
<table border=1 id="server_table" width="100%" summary="server"> |
||||
</table> |
||||
<button type="button" onclick="mul_sum()">暗号文のまま各行の積を取りその値を集計する</button><br> |
||||
<h3>集計結果：</h3><span name="encSumS" class="hex">0</span> |
||||
<br> |
||||
<button type="button" onclick="recv()">クライアントに送信する</button> |
||||
|
||||
|
||||
<hr> |
||||
<h2>復号クライアント</h2> |
||||
|
||||
<h3>暗号文の計算結果：</h3><span name="encSumC" class="hex">0</span> |
||||
<br> |
||||
<button type="button" onclick="dec()">復号する</button><br> |
||||
<h3>集計結果：</h3><span name="ret">0</span> |
||||
|
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,122 @@ |
||||
function getValue(name) { return document.getElementsByName(name)[0].value } |
||||
function setValue(name, val) { document.getElementsByName(name)[0].value = val } |
||||
function getText(name) { return document.getElementsByName(name)[0].innerText } |
||||
function setText(name, val) { document.getElementsByName(name)[0].innerText = val } |
||||
|
||||
let sec = null |
||||
let pub = null |
||||
|
||||
she.init(256) |
||||
.then(() => { |
||||
setText('status', 'OK') |
||||
sec = new she.SecretKey() |
||||
sec.setByCSPRNG() |
||||
setText('sec', sec.toHexStr()) |
||||
pub = sec.getPublicKey() |
||||
setText('pub', pub.toHexStr()) |
||||
}) |
||||
|
||||
function appendXY(x, y) { |
||||
console.log('x = ' + x + ', y = ' + y) |
||||
let c1 = pub.encG1(x) |
||||
let c2 = pub.encG2(y) |
||||
$('#client_table').append( |
||||
$('<tr>').append( |
||||
$('<td>').text(x) |
||||
).append( |
||||
$('<td>').text(y) |
||||
).append( |
||||
$('<td class="encG1x">').text(c1.toHexStr()) |
||||
).append( |
||||
$('<td class="encG2y">').text(c2.toHexStr()) |
||||
) |
||||
) |
||||
} |
||||
|
||||
function append() { |
||||
let v = getValue('append') |
||||
let vs = v.split(',') |
||||
let x = parseInt(vs[0]) |
||||
let y = parseInt(vs[1]) |
||||
appendXY(x, y) |
||||
} |
||||
|
||||
function appendRand() { |
||||
const tbl = [ |
||||
[1,2], [-2,1], [4,3], [5,-2], [6,1] |
||||
] |
||||
tbl.forEach(p => appendXY(p[0], p[1])) |
||||
} |
||||
|
||||
|
||||
function send() { |
||||
let ct1 = [] |
||||
$('.encG1x').each(function() { |
||||
ct1.push($(this).text()) |
||||
}) |
||||
let ct2 = [] |
||||
$('.encG2y').each(function() { |
||||
ct2.push($(this).text()) |
||||
}) |
||||
let obj = $('#server_table') |
||||
obj.html('') |
||||
{ |
||||
let header = [ |
||||
'Enc(x)', 'Enc(y)', 'Enc(x * y)' |
||||
] |
||||
let t = $('<tr>').attr('id', 'header') |
||||
for (let i = 0; i < header.length; i++) { |
||||
t.append( |
||||
$('<th>').append(header[i]) |
||||
) |
||||
} |
||||
obj.append(t) |
||||
} |
||||
for (let i = 0; i < ct1.length; i++) { |
||||
let t = $('<tr>') |
||||
t.append( |
||||
$('<td class="encG1xS">').append(ct1[i]) |
||||
).append( |
||||
$('<td class="encG2yS">').append(ct2[i]) |
||||
).append( |
||||
$('<td class="encGTxyS">').append('') |
||||
) |
||||
obj.append(t) |
||||
} |
||||
} |
||||
|
||||
function mul() { |
||||
$('.encG1xS').each(function() { |
||||
let o = $(this) |
||||
let c1 = she.getCipherTextG1FromHexStr(o.text()) |
||||
let c2 = she.getCipherTextG2FromHexStr(o.next().text()) |
||||
let ct = she.mul(c1, c2) |
||||
o.next().next().text(ct.toHexStr()) |
||||
}) |
||||
} |
||||
|
||||
function sum() { |
||||
let csum = pub.encGT(0) |
||||
$('.encGTxyS').each(function() { |
||||
let s = $(this).text() |
||||
let ct = she.getCipherTextGTFromHexStr(s) |
||||
csum = she.add(csum, ct) |
||||
}) |
||||
setText('encSumS', csum.toHexStr()) |
||||
} |
||||
|
||||
function mul_sum() { |
||||
mul() |
||||
sum() |
||||
} |
||||
|
||||
function recv() { |
||||
setText('encSumC', getText('encSumS')) |
||||
} |
||||
|
||||
function dec() { |
||||
let s = getText('encSumC') |
||||
let ct = she.getCipherTextGTFromHexStr(s) |
||||
let v = sec.dec(ct) |
||||
setText('ret', v) |
||||
} |
||||
@ -0,0 +1,66 @@ |
||||
h1 { |
||||
font-size:xx-large; |
||||
text-align: center; |
||||
} |
||||
|
||||
h2 { |
||||
font-size:xx-large; |
||||
} |
||||
|
||||
h3 { |
||||
font-size:xx-large; |
||||
display: inline-block; |
||||
background-color: #eee; |
||||
} |
||||
|
||||
li { |
||||
list-style-type : none; |
||||
padding:5px 10px; |
||||
border-top:1px solid black; |
||||
border-left:1px solid black; |
||||
} |
||||
|
||||
input { |
||||
font-size: xx-large; |
||||
} |
||||
|
||||
span { |
||||
font-size:xx-large; |
||||
max-width: 400px; |
||||
display: inline-block; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
td { |
||||
text-align: left; |
||||
max-width: 200px; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
#header { |
||||
background-color: #ddf; |
||||
} |
||||
#client_header { |
||||
background-color: #ddf; |
||||
} |
||||
|
||||
table { |
||||
font-size: xx-large; |
||||
width: 800px; |
||||
} |
||||
|
||||
button { |
||||
font-size: xx-large; |
||||
margin: 8px; |
||||
padding: 8px; |
||||
border: 1px; |
||||
background-color: #bee; |
||||
} |
||||
|
||||
div.ret { |
||||
font-size: xx-large; |
||||
margin: 5px; |
||||
padding: 5px; |
||||
border: 1px solid; |
||||
text-align: center; |
||||
} |
||||
Loading…
Reference in new issue