用python制作区块链浏览器的核心是结合flask和web3.py库，1. 安装flask和web3库；2. 使用web3.py连接以太坊节点（如infura或本地ganache）；3. 通过flask创建路由展示最新区块、区块详情、交易详情和地址信息；4. 利用jinja2模板渲染前端页面；5. 实现搜索功能跳转至对应数据页面；最终实现一个可查询区块链数据的简易浏览器，完整且可运行。
用Python制作一个区块链浏览器，核心在于巧妙结合Flask这个轻量级Web框架和Web3.py库，后者是Python与以太坊区块链交互的强大桥梁。这套组合能让你从零开始，搭建一个能查看区块、交易和地址信息的简易版浏览器。说起来，这事儿比想象中要“接地气”，并非高不可攀，更多是数据获取与前端展示的串联。
解决方案
要动手干这事儿，我们得先搭好架子。Flask负责骨架，Web3.py负责血肉，它们俩得配合得天衣无缝。
首先，确保你的Python环境准备妥当，然后安装必要的库：
立即学习“Python免费学习笔记（深入）”；
pip install Flask web3
接下来，我们来构建核心逻辑。一个简单的Flask应用，它会连接到以太坊节点，并尝试获取最新的区块信息。
1. 后端核心 (
app.py
)
from flask import Flask, render_template, request, redirect, url_for from web3 import Web3 from web3.exceptions import Web3Exception # 引入异常处理 app = Flask(__name__) # 连接到以太坊节点 # 推荐使用Infura、Alchemy等服务，它们提供稳定的API接口 # 记得替换 YOUR_INFURA_PROJECT_ID 为你自己的项目ID # infura_url = "https://mainnet.infura.io/v3/YOUR_INFURA_PROJECT_ID" # w3 = Web3(Web3.HTTPProvider(infura_url)) # 开发测试时，也可以连接本地Ganache或Geth节点 # w3 = Web3(Web3.HTTPProvider('http://127.0.0.1:8545')) # Ganache默认端口 # 确保连接成功，如果连接失败，这里会抛出异常或返回False try: # 尝试连接到Infura公共节点，如果你的Infura ID是空的，这里会失败 # 也可以直接用一个公共的测试网节点，例如 Goerli w3 = Web3(Web3.HTTPProvider('https://goerli.infura.io/v3/YOUR_INFURA_PROJECT_ID')) if not w3.is_connected(): print("警告：未能连接到以太坊节点，请检查网络或Infura ID。") w3 = None # 设置为None，后续逻辑会处理 except Web3Exception as e: print(f"连接Web3时发生错误: {e}") w3 = None @app.route('/') def index(): if not w3 or not w3.is_connected(): return "未能连接到区块链网络，请检查后端服务配置或网络连接。", 500 try: latest_block_number = w3.eth.block_number latest_block = w3.eth.get_block(latest_block_number) # 简化处理，只传递部分信息给模板 block_info = { 'number': latest_block.number, 'hash': latest_block.hash.hex(), 'timestamp': latest_block.timestamp, 'transactions_count': len(latest_block.transactions), 'miner': latest_block.miner, 'gas_used': latest_block.gasUsed, 'gas_limit': latest_block.gasLimit, 'parent_hash': latest_block.parentHash.hex() } return render_template('index.html', block=block_info) except Exception as e: return f"获取最新区块信息失败: {e}", 500 @app.route('/block/<int:block_number>') def get_block_details(block_number): if not w3 or not w3.is_connected(): return "未能连接到区块链网络。", 500 try: block = w3.eth.get_block(block_number, full_transactions=False) # full_transactions=False 减少数据量 if not block: return "区块未找到。", 404 block_info = { 'number': block.number, 'hash': block.hash.hex(), 'timestamp': block.timestamp, 'transactions_count': len(block.transactions), 'miner': block.miner, 'gas_used': block.gasUsed, 'gas_limit': block.gasLimit, 'parent_hash': block.parentHash.hex(), 'transactions': [tx.hex() for tx in block.transactions] # 只显示交易哈希 } return render_template('block_details.html', block=block_info) except Exception as e: return f"获取区块 {block_number} 详情失败: {e}", 500 @app.route('/tx/<string:tx_hash>') def get_transaction_details(tx_hash): if not w3 or not w3.is_connected(): return "未能连接到区块链网络。", 500 try: # 确保哈希格式正确 if not tx_hash.startswith('0x') or len(tx_hash) != 66: return "无效的交易哈希格式。", 400 tx = w3.eth.get_transaction(tx_hash) if not tx: return "交易未找到。", 404 tx_receipt = w3.eth.get_transaction_receipt(tx_hash) # 获取交易收据以获得状态、gas消耗等 tx_info = { 'hash': tx.hash.hex(), 'block_number': tx.blockNumber, 'from': tx['from'], 'to': tx['to'], 'value': w3.from_wei(tx.value, 'ether'), # 转换为ETH 'gas_price': w3.from_wei(tx.gasPrice, 'gwei'), # 转换为Gwei 'gas_limit': tx.gas, 'nonce': tx.nonce, 'input': tx.input, # 智能合约调用数据 'status': '成功' if tx_receipt and tx_receipt.status == 1 else '失败', 'gas_used': tx_receipt.gasUsed if tx_receipt else 'N/A' } return render_template('transaction_details.html', tx=tx_info) except Exception as e: return f"获取交易 {tx_hash} 详情失败: {e}", 500 @app.route('/address/<string:address>') def get_address_details(address): if not w3 or not w3.is_connected(): return "未能连接到区块链网络。", 500 try: # 确保地址格式正确 if not w3.is_address(address): return "无效的以太坊地址格式。", 400 balance_wei = w3.eth.get_balance(address) balance_eth = w3.from_wei(balance_wei, 'ether') # 简单展示，不获取所有交易（这会非常慢且消耗资源） # 实际项目中，需要通过第三方API或索引服务获取地址交易历史 address_info = { 'address': address, 'balance': balance_eth } return render_template('address_details.html', address=address_info) except Exception as e: return f"获取地址 {address} 详情失败: {e}", 500 # 搜索功能 @app.route('/search', methods=['GET']) def search(): query = request.args.get('query', '').strip() if not query: return redirect(url_for('index')) # 尝试作为区块号 if query.isdigit(): return redirect(url_for('get_block_details', block_number=int(query))) # 尝试作为交易哈希 elif query.startswith('0x') and len(query) == 66: return redirect(url_for('get_transaction_details', tx_hash=query)) # 尝试作为地址 elif query.startswith('0x') and len(query) == 42: # 以太坊地址长度 return redirect(url_for('get_address_details', address=query)) else: return "未识别的查询类型（请输入区块号、交易哈希或地址）。", 400 if __name__ == '__main__': app.run(debug=True)
2. 前端模板 (
templates/index.html
,
block_details.html
,
transaction_details.html
,
address_details.html
)
在项目根目录下创建
templates
文件夹，并放入以下HTML文件。
templates/base.html
(基础布局，方便复用)
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{% block title %}简易区块链浏览器{% endblock %}</title> <style> body { font-family: sans-serif; margin: 20px; background-color: #f4f7f6; color: #333; } .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } h1, h2 { color: #007bff; } .data-item { margin-bottom: 10px; border-bottom: 1px dashed #eee; padding-bottom: 5px; } .data-item strong { display: inline-block; width: 120px; color: #555; } a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } .search-box { margin-bottom: 20px; padding: 15px; background-color: #e9ecef; border-radius: 5px; display: flex; align-items: center; } .search-box input[type="text"] { flex-grow: 1; padding: 8px; border: 1px solid #ccc; border-radius: 4px; margin-right: 10px; } .search-box button { padding: 8px 15px; background-color: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; } .search-box button:hover { background-color: #218838; } .error-message { color: red; font-weight: bold; } </style> </head> <body> <div class="container"> <header> <h1><a href="/">简易区块链浏览器</a></h1> <div class="search-box"> <form action="/search" method="GET" style="display: flex; width: 100%;"> <input type="text" name="query" placeholder="搜索区块号 / 交易哈希 / 地址" size="50"> <button type="submit">搜索</button> </form> </div> </header> <main> {% block content %}{% endblock %} </main> </div> </body> </html>
templates/index.html
(首页)
{% extends "base.html" %} {% block title %}最新区块 - 简易区块链浏览器{% endblock %} {% block content %} <h2>最新区块信息</h2> {% if block %} <div class="data-item"><strong>区块号:</strong> <a href="{{ url_for('get_block_details', block_number=block.number) }}">{{ block.number }}</a></div> <div class="data-item"><strong>哈希:</strong> {{ block.hash }}</div> <div class="data-item"><strong>时间戳:</strong> {{ block.timestamp | int | timestamp_to_datetime }}</div> <div class="data-item"><strong>交易数量:</strong> {{ block.transactions_count }}</div> <div class="data-item"><strong>矿工:</strong> <a href="{{ url_for('get_address_details', address=block.miner) }}">{{ block.miner }}</a></div> <div class="data-item"><strong>Gas使用量:</strong> {{ block.gas_used }}</div> <div class="data-item"><strong>Gas限制:</strong> {{ block.gas_limit }}</div> <div class="data-item"><strong>父区块哈希:</strong> {{ block.parent_hash }}</div> {% else %} <p class="error-message">未能加载区块信息。</p> {% endif %} <script> // 简单的过滤器，将Unix时间戳转换为可读日期 // 在实际Flask应用中，你可能需要在Python后端处理或使用Jinja2的过滤器 // 这里只是一个前端的简单示例，实际需要后端处理或更复杂的JS库 if (typeof Jinja2 === 'undefined') { // 避免重复定义 var Jinja2 = {}; Jinja2.filters = { timestamp_to_datetime: function(timestamp) { const date = new Date(timestamp * 1000); return date.toLocaleString(); } }; } // 为了让Jinja2过滤器在HTML中生效，通常需要在Python后端注册 // 例如：app.jinja_env.filters['timestamp_to_datetime'] = lambda ts: datetime.fromtimestamp(ts).strftime('%Y-%m-%d %H:%M:%S') </script> {% endblock %}
**注意：
评论（已关闭）
评论已关闭