如何将BSC与WalletConnect、Web3.js集成并解决合约调用及账户匹配问题

异常原因 #

两处异常的核心诱因是初始化WalletConnectProvider时未明确指定BSC链ID，WalletConnect默认使用ETH主网配置，导致链环境不匹配：

• 链ID不匹配时钱包返回的是ETH主网账户，而非BSC账户
• 节点与合约部署链不一致，自然无法触发智能合约调用

解决方案 #

1. 修正WalletConnectProvider初始化配置 #

调整初始化参数，明确映射BSC主网RPC与链ID，强制指定连接BSC主网：

import WalletConnectProvider from "@walletconnect/web3-provider";
import Web3 from "web3";

const provider = new WalletConnectProvider({
  rpc: {
    // 键为BSC主网链ID 56，值为BSC官方RPC地址
    56: "https://bsc-dataseed.binance.org/"
  },
  chainId: 56, // 强制指定连接链为BSC主网，避免默认走ETH主网
});

// 触发连接唤起二维码
await provider.enable();
const web3 = new Web3(provider);

2. 连接后增加链环境校验 #

连接成功后主动校验链ID，若不匹配可主动触发钱包切换BSC网络，避免人为操作失误：

// 校验当前链ID
const chainId = await web3.eth.getChainId();
if (chainId !== 56) {
  // 主动触发钱包切换BSC主网
  await provider.request({
    method: "wallet_switchEthereumChain",
    params: [{ chainId: web3.utils.toHex(56) }],
  });
}

// 读取当前BSC链下的账户
const accounts = await web3.eth.getAccounts();

3. 智能合约调用配置修正 #

确保合约地址为BSC主网部署的地址、ABI正确，调用写方法时明确指定发起账户：

// 实例化合约
const contract = new web3.eth.Contract(你的合约ABI, 你的BSC合约地址);
// 调用合约写方法示例
const txResult = await contract.methods.合约方法名(参数列表).send({
  from: accounts[0],
  gasLimit: 300000, // 可根据方法复杂度调整
  gasPrice: web3.utils.toWei('5', 'gwei') // BSC主网默认gas价格即可
});

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