Kademliaの解説と実装 3

はじめに

動作環境

使用技術

実装の解説

プログラムの構成

ソースコードのファイル構成

.
├── App.js
├── components
│   ├── findvalueForm.js
│   ├── keyValueList.js
│   ├── nodeList.js
│   └── storeForm.js
├── index.js
└── node
    └── Node.js

クライアントのコード解説

class App extends Component {
 constructor(props) {
   super(props);
   this.state = { kbuckets: undefined };
 
   //localhost:20000のポータルノードに接続
   this.node = new Node("localhost", "20000");
   const kad = this.node.kad;
   //ノードが追加された際のコールバック
   kad.callback.onAddPeer = data => {
     console.log({ data });
     this.setState({ kbuckets: kad.kbuckets });
   };
 }
 
 render() {
   return (
     

       {/* ノードID */}
       {this.node.kad.nodeId}
       {/* Kbucketsの状態 */}
       {createNodeList(this.state.kbuckets)}
       {/* KademliaのStore */}
       {createStoreForm(this.node.kad)}
       {/* KademliaのFindvalue */}
       {createFindvalueForm(this.node.kad)}
       {/* KademliaのKeyValueList */}
       {createKeyValueList(this.node.kad)}
     
   );
 }
}

動作確認

// projectのダウンロード
$ git clone https://github.com/shinyoshiaki/kademlia-with-webrtc.git
 
// 必要なパッケージをインストールする
$ yarn
 
// ディレクトリ移動
$ cd lib/cli
 
// setup.jsを実行
kademlia-with-webrtc/lib/cli$ node setup.js

? my port 20000
? ip address
? port
test:20000::
nodeid 7515d4292109b13f558797e4831c14e7f7937bf3
start kad 7515d4292109b13f558797e4831c14e7f7937bf3
{ responce:
   { peerlist: [Function],
     store: [Function],
     findvalue: [Function],
     keyValueList: [Function],
     id: [Function],
     help: [Function] } }

$ git clone https://github.com/shinyoshiaki/kademlia-client-react.git
 
// yarnで必要パッケージをインストール
$ yarn
 
kademlia-client-react$ yarn start

Store機能の動作確認

FindValue機能の動作確認

まとめ