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』です。
ソースコード
https://github.com/toshio/toshio.github.io/blob/master/XRP/balanceChecker.html