メインコンテンツへスキップ
サンプルアプリに戻る

Ethereum レポートアプリケーション

The Ethereum Transaction Report app fetches and analyzes Ethereum transactions for a given address using Quicknode's Blockbook API, providing detailed reports within a specified date range.

アイコンの展開
アプリをデプロイする
GitHubのアイコン
リポジトリを表示
フロントエンドフレームワーク／ライブラリ：
React
言語：
TypeScript
ビルドツール／開発サーバー：
Vite
サンプルアプリのプレビュー

はじめに

This application fetches and analyzes Ethereum transactions for a given address using Quicknode's Blockbook API, providing detailed reports within a specified date range. It identifies transaction direction (incoming or outgoing), confirmation status, and token transfers across ERC-20, ERC-721, and ERC-1155 assets. Users can filter by transaction type (normal, internal, or token) and date range, with support for time zone selection. Additionally, it offers a wallet summary with balance, nonce, and transaction counts.

このアプリの構築方法に関する詳しいガイドについては、 Quicknode包括的なガイドをご覧ください。

技術スタック​


  • フロントエンドフレームワーク／ライブラリ：React
  • 言語：TypeScript
  • ビルドツール／開発サーバー：Vite

特長


  • トランザクションの方向：トランザクションが受信か送信かを識別します。
  • 確認ステータス：トランザクションが確認済みかどうかを判定します。
  • トークンの送金：ERC-20、ERC-721、およびERC-1155トークンの送金に関する詳細が含まれています。
  • 取引のフィルタリング：通常の取引、内部取引、およびトークン取引を検出します。
  • 日付範囲のフィルタリング：指定された日付範囲内の取引に関するレポートを作成します。
  • タイムゾーンの選択：選択したタイムゾーンに基づいて日付のフィルタリングを行います。
  • CSV 対応：結果を CSV ファイルとしてエクスポートまたはコピーする機能。
  • ウォレットの概要：ウォレットアドレスの概要を表示します。これには、現在の残高、ノンセ、取引総数、トークン以外の取引、および内部取引が含まれます。

はじめに

前提条件​

このアプリを実行するには、以下のものが必要です：


以下のコマンドを実行して、TypeScript をインストールし、 ts-node すべてのプロジェクトでTypeScriptが利用できるよう、グローバルに設定します。

npm install -g typescript ts-node

インストールに必要な依存関係​


  1. リポジトリをローカルマシンにクローンします：
git https://github.com/quiknode-labs/qn-guide-examples.git をクローンする

  1. プロジェクトディレクトリに移動します：
cdethereum

  1. 必要な依存関係をインストールします：
npm install

環境変数の設定​

名前を変更する .env.example ～へ .env そして、 YOUR_QUICKNODE_ETHEREUM_ENDPOINT_URL placeholder with your Quicknode Ethereum endpoint with Blockbook access.

VITE_QUICKNODE_ENDPOINT = "YOUR_QUICKNODE_ETHEREUM_ENDPOINT_URL"

なお、弊社では dotenv 環境変数の管理において、エンドポイントなどの機密情報がフロントエンド上で依然として閲覧可能となる可能性があります。この設定は、現状のまま本番環境での使用は推奨されません。

アプリケーションの実行​

開発サーバーを実行します：

npm run dev

ブラウザでhttp://localhost:5173/を開くと、アプリケーションが表示されます。

アプリの使用方法


  1. Ethereum アドレスを入力してください。
  2. （任意）日付の範囲とタイムゾーンを選択してください。
  3. 報道 生成.
  4. （任意）結果をCSV形式でエクスポートまたはコピーします。

Ethereum 」アプリケーションは、Ethereum 情報を照会し、これらの取引データをフィルタリングして、追加の変数を算出します。最後に、アプリは結果を表示します。

プレビュー

プレビュー

結論

Quicknode's Blockbook API facilitates the creation of detailed Ethereum transaction reports for developers and businesses alike. While this application covers the fundamentals, there's a vast scope for customization and extended functionalities. Whether for audit purposes, regulatory compliance, or market analysis, Blockbook streamlines the process of extracting blockchain data.

Quicknode 監査法人や個人のお客様に対し、ブロックチェーンからこの種のデータを抽出する際にどのようなQuicknode について、さらに詳しくお知りになりたい場合は、ぜひ弊社までお問い合わせください。皆様とのご交流を心より楽しみにしております！


投稿とフィードバック
皆様からのご意見をお待ちしております。また、このサンプルアプリへのご協力も大歓迎です！
問題の報告やフィードバックの共有を行うには、GitHubのイシューを qn-ガイド-例 リポジトリ。
投稿するには、以下の手順に従ってください：
  1. リポジトリをフォークする
  2. フィーチャーブランチを作成する：
    git checkout -b feature/amazing-feature
  3. 変更をコミットします：
    git commit -m "素晴らしい機能を追加"
  4. ブランチをプッシュしてください：
    git push origin feature/amazing-feature
  5. プルリクエストを作成してください。
その他のサンプルアプリを見る
Aave V3 清算トラッカー
このアプリケーションは、Aave V3プロトコルにおける清算イベントのリアルタイム監視と詳細な分析機能を提供します。サーバーレスアーキテクチャに基づいて構築されたこのアプリは、シームレスなブロックチェーンデータストリーミングStreams の威力を実証しています。
Aave V3 清算トラッカー
Ethereum ・エクスプローラー
このアプリケーションは、Quicknode Ethereum endpoint を利用して、指定されたウォレットに関連付けられたトークン、トランザクション、NFTについてブロックチェーンに照会を行います。
Ethereum ・エクスプローラー
EVM トークンファクトリー
このアプリケーションを使用すると、EVM互換のブロックチェーン上でERC-20トークンを作成できます。トークンの名称、シンボル、初期供給量を簡単にカスタマイズできます。
EVM トークンファクトリー