hankosignchk.html

<!DOCTYPE html><html><head><meta charset="utf-8">

<style>
textarea {
  font-size: 80%;
  font-family: monospace;
  width: 50em;
  height: 8em;
}
input[type="text"] {
  font-size: 80%;
  font-family: monospace;
  width: 50em;
}
#verify {
  width: 30em;
  border: 1px solid black;
  height: 1.2em;
  padding: .3em;
}
</style>

<h1>HANKOを確認する（電子署名を確認する）</h1>

メッセージ<br>
<textarea id=mes>
</textarea><br>

電子署名<br>
<input type=text id=signed><br>

電子署名した人のHANKO_ID<br>
<input type=text id=pub><br>
<br>

<button id=btn>電子署名をチェック</button><br>

<br>
<div id=verify></div><br>

<script type="module">
import { Ed25519 } from "https://code4sabae.github.io/js/Ed25519.js";
import { hex } from "https://code4sabae.github.io/js/hex.js";

btn.onclick = () => {
  try {
    const pubbin = hex.toBin(pub.value);
    const msg = new TextEncoder('utf-8').encode(mes.value);
    const sig = hex.toBin(signed.value);
    console.log(hex.fromBin(sig), hex.fromBin(msg), hex.fromBin(pubbin));
    const result = Ed25519.verify(sig, msg, pubbin);
    verify.textContent = result ? "正しい電子署名と確認できました" : "ERROR! おかしな電子署名です";
  } catch (e) {
    verify.textContent = "ERROR! 値が正しく設定されていません";
  }
};

</script>
<hr>
<a href=hankomaker.html>HANKOをつくる</a><br>
<a href=hankosign.html>HANKOを押す（メッセージに電子署名する）</a><br>
<a href=hankosignchk.html>HANKOを確認する（電子署名を確認する）</a><br>

<hr>
App: CC BY <a href=https://fukuno.jig.jp/3006>福野泰介の一日一創</a><br>
Lib: <a href=https://github.com/canonchain/Ed25519-wasm>Ed25519-wasm</a> → <a href=https://github.com/code4sabae/js/blob/master/Ed25519.js>Ed25519.js ES module version</a><br>

</body>
<html>
 