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

Bitcoin Transaction Report Application

The Bitcoin Transaction Report app uses Quicknode's Blockbook API to query the Bitcoin blockchain, filter transaction data, calculate key metrics, and display the results.

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

はじめに

This application is designed to fetch and analyze Bitcoin transactions associated with a specific address using Quicknode's Blockbook API. It provides users with detailed reports within a specified date range, offering insights into transaction history, balances after each transaction, and the USD value of Bitcoin movements.

For an in-depth walkthrough on how to fetch data and develop further functionalities, refer to our comprehensive guide or our script files.

技術スタック​


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

特長


  • Balance Calculation: Calculates the BTC balance before and after each transaction.
  • トランザクションの方向：トランザクションが受信か送信かを識別します。
  • 確認ステータス：トランザクションが確認済みかどうかを判定します。
  • USD Conversion: Computes the USD value of each transaction at the time it occurred.
  • Transaction Filtering: Excludes internal wallet transactions that are not relevant to the address in question.
  • 日付範囲のフィルタリング：指定された日付範囲内の取引に関するレポートを作成します。
  • タイムゾーンの選択：選択したタイムゾーンに基づいて日付のフィルタリングを行います。
  • CSV Support: Ability to export or copy result as CSV file.

はじめに

前提条件​

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


  • お使いのシステムにNode.jsがインストールされていること。
  • A Quicknode account with access to the paid Blockbook API. See the Blockbook product page for pricing details.
  • コードエディタまたはIDE（例：VS Code）
  • TypeScriptとts-node

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

npm install -g typescript
npm install -g ts-node

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


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

  1. プロジェクトディレクトリに移動します：
cd sample-dapps/bitcoin-transaction-report-generator

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

環境変数の設定​

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

VITE_QUICKNODE_ENDPOINT = "YOUR_QUICKNODE_BITCOIN_ENDPOINT_URL"

なお、弊社では dotenv for environment variable management, sensitive information like endpoints can still be visible on the frontend. This configuration is not recommended for production environments as-is.

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

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

npm run dev

Open http://localhost:5173/ in your browser to see the application.

アプリの使用方法


  1. Input a Bitcoin wallet address.
  2. (Optional) Select the date range and time zone.
  3. 報道 生成.
  4. （任意）結果をCSV形式でエクスポートまたはコピーします。

The Bitcoin Transaction Report Generator queries the Bitcoin blockchain for a wallet’s transactions, filters the data, calculates key metrics, and displays the results.

プレビュー

プレビュー

結論

Quicknode's Blockbook API facilitates the creation of detailed Bitcoin 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. プルリクエストを作成してください。
その他のサンプルアプリを見る
タイタン・メタアグリゲーション・スワップ
Titan GatewayのMeta-Aggregation APIを基盤として構築され、Quicknodeを通じて提供される、1ページ構成Solana UIです。競合するプロバイダーの相場、ルートが経由するオンチェーン取引所、Quicknode 介してトランザクションflow 確認flow 自己管理型の「作成→署名→送信」flow を表示します。
タイタン・メタアグリゲーション・スワップ
Solana エクスプローラー
このアプリケーションは、Quicknode Solana Endpoint を活用してEndpoint Solana 上の指定されたウォレットのトークン残高、取引履歴、およびNFTEndpoint 。
Solana エクスプローラー
Solana ・ブリンカー
このアプリケーションでは、Solana 解析して対応するアクションに変換し、Solana の作成や操作を行うことができます。有効なアクションURLを入力して詳細を確認したり、ウォレットを接続してアクションを実行したり、提供されている構造に基づいて新しいアクションを作成したりすることができます。
Solana ・ブリンカー