Cryptocurrency Research Lab.

Cryptocurrency関連技術についての調査・研究

【RippleAPI】⑩XRP Balance Checker

RippleAPIはNode.jsからアプリケーションを実行して呼び出せるだけでなく、Webページ上のJavaScriptから利用することもできます。

前回『➈ XRP Address Generator』で気に入ったキーワードを含むXRPアドレスを自動生成するサンプルを提示いたしましたので、今回はさらに踏み込んでRippledサーバと通信を行って、指定したXRPアドレスの残高照会を行うサンプルを作りたいと思います。

WebページからのRippleAPIの呼び出しは基本的に以下のようになります。

Webページにたった数行のJavaScriptを追加するだけで指定したXRPアドレスの残高照会を行えてしまうことに驚きですね。使いやすさを意識したよくできたAPIだと思います。

RippleAPIの呼び出し

メインネットに接続するか、テストネットに接続するかはRippleAPIに渡すserverで

<!DOCTYPE html>
<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>
  <script src="https://github.com/ripple/ripple-lib/releases/download/1.2.3/ripple-1.2.3-min.js"></script>
</head>
<body>
  <script>
  async function main() {
    let api = new ripple.RippleAPI({
      //server: 'wss://s1.ripple.com' // Public rippled server
      server: 'wss://s.altnet.rippletest.net:51233' // testnet
    });
    let address = 'rM6ToyvCmTavh4zPjJSsTVgCbabZ6Harup';
    try {
      await api.connect();
      let account = await api.getAccountInfo(address);
      alert(JSON.stringify(account, null, 2));
    } catch (e) {
      alert(e);
    } finally {
      await api.disconnect();
    }
  }
  main();
  </script>
</body>
</html>

XRP Balance Checker

これを応用してつくってみたのが『XRP Balance Checker』です。

toshio.github.io

f:id:halifax:20190519220955p:plain

ソースコード

https://github.com/toshio/toshio.github.io/blob/master/XRP/balanceChecker.html