11
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

nem #2Advent Calendar 2020

Day 12

ブロックチェーンを一度 生で見る話(2020年12月時点)

Last updated at Posted at 2020-10-07

一度、生でブロックチェーンを見たらわかることがあります。
ぜひ体験してみましょう。

Symbol from NEMのブロック生成を監視するスクリプトです。
NEMはREST APIによるWebSocket通信に対応していて、生成されたブロックをリアルタイムで表示させることができます。(一般的にエクスプローラーなどで見るブロックチェーンは第三者サービスがキャッシュしたデータで生のデータではありません)
chromeなどのブラウザでF12キーを押してコンソールを開き、以下のスクリプトをコピペしてみてください。

追記:現在Googleトップページのセキュリティが厳しくなったためscriptの埋め込みが制限されています。適当にノードにアクセスしてそのページでF12コンソールを開いてください。
例:http://api-01.ap-northeast-1.0.10.0.x.symboldev.network:3000/node/info

script埋め込み

(script = document.createElement('script')).src = 'https://xembook.github.io/nem2-browserify/symbol-sdk-0.22.0.js';
document.getElementsByTagName('head')[0].appendChild(script);

ブロック生成監視

NODE = 'http://api-01.ap-northeast-1.0.10.0.x.symboldev.network:3000';
nem = require("/node_modules/symbol-sdk");
wsEndpoint = NODE.replace('http', 'ws') + "/ws";
nsHttp = new nem.NamespaceHttp(NODE);
listener = new nem.Listener(wsEndpoint,nsHttp,WebSocket);
listener.open().then(() => {
   listener.newBlock().subscribe(x=>console.log(x))
});

Promise {<pending>}

と表示されたら成功です。

これで30秒に1度ぐらいのペースで新しく生成されたブロックが表示されるようになります。

image.png

11
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
11
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?