Flutter Web3 Provider

一个用于Flutter WebView的Web3 Provider实现，支持EIP-1193规范和EIP-6963钱包发现协议。

安装

npm install flutter-web3-provider

使用方法

1. 在Flutter WebView中注入bridge

WebView(
  onWebViewCreated: (WebViewController controller) {
    controller.addJavaScriptChannel(
      'jsBridgeHandler',
      onMessageReceived: (JavaScriptMessage message) {
        // 处理来自Web的消息
      },
    );
  },
)

2. 传统方式使用Provider

import { ourEIP1193Provider } from 'flutter-web3-provider';

// 使用Provider
const accounts = await ourEIP1193Provider.request({
  method: 'eth_requestAccounts'
});

3. 使用EIP-6963钱包发现协议

import { initializeEIP6963 } from 'flutter-web3-provider';

// 初始化EIP-6963协议
initializeEIP6963();

// dApp可以这样发现你的钱包
window.addEventListener('eip6963:announceProvider', (event) => {
  const { info, provider } = event.detail;
  console.log('发现钱包:', info.name);
  // 使用provider
});

// dApp发送钱包发现请求
window.dispatchEvent(new CustomEvent('eip6963:requestProvider'));

支持的方法

• eth_accounts
• eth_requestAccounts
• eth_chainId
• wallet_switchEthereumChain
• wallet_addEthereumChain
• eth_sendTransaction
• eth_signTransaction
• eth_sign
• personal_sign
• eth_signTypedData
• eth_signTypedData_v4
• eth_call
• eth_getBalance
• eth_getCode
• eth_getTransactionCount
• eth_getTransactionByHash
• eth_getTransactionReceipt
• eth_estimateGas
• eth_gasPrice
• eth_blockNumber
• eth_getBlockByNumber

Web3 Wallet Demo

本项目为基于 Flutter 的 Web3 钱包连接演示页面，支持通过浏览器钱包插件（如 MetaMask、OKX、Bitget 等）连接。

快速开始

1. 安装依赖

   在项目根目录下运行：

   flutter pub get

2. 构建 Web 资源

   在项目根目录下运行：

   flutter build web

3. 启动本地服务器并访问

   进入构建输出目录并启动本地服务器：

   cd build/web
   python3 -m http.server 8000

   然后在浏览器访问：

   http://localhost:8000/
   

4. 注意事项

   • 请使用已安装钱包插件（如 MetaMask、OKX、Bitget 等）的 Chrome 浏览器访问。
   • 不能直接用浏览器打开 web/index.html，必须通过本地服务器访问 build/web/index.html。

---

• eth_getBlockByNumber

如何运行单元测试

在项目根目录下执行以下命令：

npm test