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

Bitcoin Transaction Report Application

The Bitcoin Transaction Report app leverages the Blockbook Add-on 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, leveraging the capabilities of Quicknode's Blockbook add-on. 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.

Tech Stack​


  • Frontend Framework/Library: React
  • Language: TypeScript
  • Build Tool/Development Server: Vite

特長


  • Balance Calculation: Calculates the BTC balance before and after each transaction.
  • Transaction Direction: Identifies whether transactions are incoming or outgoing.
  • Confirmation Status: Determines whether transactions are confirmed.
  • 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.
  • Date Range Filtering: Generates reports for transactions within a specified date range.
  • Time Zone Selection: Performs date filtering according to the selected timezone.
  • CSV Support: Ability to export or copy result as CSV file.

はじめに

前提条件​

To run this app, you'll need:


Run the commands below to install TypeScript and ts-node globally to have TypeScript available across all projects.

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

Installation Dependencies​


  1. Clone the repository to your local machine:
git clone https://github.com/quiknode-labs/qn-guide-examples.git

  1. Navigate to the project directory:
cd sample-dapps/bitcoin-transaction-report-generator

  1. Install the necessary dependencies:
npm install

Setting Environment Variables​

名前を変更 .env.example ～へ .env and replace the YOUR_QUICKNODE_BITCOIN_ENDPOINT_URL placeholder with your Quicknode Bitcoin Endpoint. Make sure that the Blockbook RPC add-on is enabled.

VITE_QUICKNODE_ENDPOINT = "YOUR_QUICKNODE_BITCOIN_ENDPOINT_URL"

Please note that while we utilize 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.

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

Run the development server:

npm run dev

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

Using the App


  1. Input a Bitcoin wallet address.
  2. (Optional) Select the date range and time zone.
  3. Press Generate.
  4. (Optional) Export or copy results as 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 add-on 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, the Blockbook add-on streamlines the process of extracting blockchain data.

To discover more about how Quicknode assists auditing firms and individuals in extracting this type of data from blockchains, please contact us; we're eager to engage with you!

投稿とフィードバック
皆様からのご意見をお待ちしております。また、このサンプルアプリへのご協力も大歓迎です！
問題の報告やフィードバックをお寄せいただくには、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 RPCを介してトランザクションが確認される自己管理型の「作成→署名→送信」フローを表示します。
タイタン・メタアグリゲーション・スワップ
Solana ウォレットエクスプローラー
このアプリケーションは、QuicknodeのSolanaエンドポイントを活用して、Solanaブロックチェーン上の指定されたウォレットのトークン残高、取引履歴、およびNFTを取得します。
Solana ウォレットエクスプローラー
ソラナ アクション・ブリンカー
このアプリケーションでは、SolanaアクションのURLを解析して対応するアクションに変換することで、Solanaアクションの作成や操作を行うことができます。有効なアクションURLを入力して詳細を確認したり、ウォレットを接続してアクションを実行したり、提供されている構造に基づいて新しいアクションを作成したりすることができます。
ソラナ アクション・ブリンカー