如何将MetaMask钱包集成到TokenLite ICO脚本中

前端接入逻辑 #

• 首先在前端公共页引入web3.js依赖，你可以直接下载离线包放到项目静态资源目录，避免依赖外部资源
• 新增MetaMask钱包检测逻辑，代码示例如下：

// 检测用户是否安装MetaMask
if (typeof window.ethereum !== 'undefined' && window.ethereum.isMetaMask) {
  document.getElementById('metamask-pay-btn').disabled = false
} else {
  document.getElementById('metamask-pay-btn').innerText = '请安装MetaMask钱包后重试'
  document.getElementById('metamask-pay-btn').disabled = true
}

• 实现钱包授权与链校验：用户点击MetaMask支付按钮时，调用eth_requestAccounts方法获取用户钱包地址，同时调用eth_chainId获取当前钱包链ID，必须校验链ID和你ICO部署的目标链ID完全一致，避免用户在测试链或其他不兼容链发起转账。
• 组装交易参数：根据用户选择的ICO档位计算对应需支付的原生代币金额，将金额换算为wei单位后生成交易对象，核心字段包括收款地址（你的ICO募集钱包地址）、转账金额、链ID。

交易处理与后端对接 #

• 调用eth_sendTransaction方法发起签名请求，用户在MetaMask确认后会返回交易哈希，将该哈希关联到对应订单存入数据库，这部分逻辑可以直接复用你已掌握的CoinPayments订单存储结构，仅需新增支付方式标识字段即可。
• 后端新增交易校验逻辑：通过RPC节点获取交易回执，确认交易状态为成功、转账金额与订单金额一致、收款地址为你的募集地址后，即可标记订单为支付完成，后续代币发放逻辑完全复用现有CoinPayments支付成功后的处理流程即可，无需额外开发。
• 注意所有金额换算必须用内置的wei转换方法处理，禁止直接用JS浮点计算，避免精度误差导致转账金额不符

原有逻辑兼容 #

不需要删除现有CoinPayments相关代码，仅需在支付方式选择页新增MetaMask选项，用户切换到对应支付方式时加载对应前端逻辑即可，两套支付方案可以并行使用。

内容的提问来源于stack exchange，提问作者Mohammad Kashif