报错Provider not set or invalid？无钱包如何与智能合约交互

你的代码仅适配了MetaMask等钱包注入的浏览器环境Provider（window.ethereum），未安装钱包的浏览器中window.ethereum值为undefined，将无效值传入Web3初始化流程就会触发Provider not set or invalid报错。

核心逻辑是增加公共RPC节点兜底：检测到用户浏览器有钱包Provider时优先用钱包连接，没有钱包时自动接入公开的链上RPC节点，直接和链上节点通信完成交互。

注意：公共RPC仅支持无需签名的链上查询操作（比如读取合约状态、查询地址余额、读取通证信息等），如果涉及发起交易修改链上状态的操作，必须连接用户钱包完成签名，这是区块链的签名验证机制决定的，无法绕过。

具体实现步骤 #

• 提前准备你部署合约对应链的公开RPC地址，常用公开RPC示例：
  • 以太坊主网：https://eth.llamarpc.com
  • BNB智能链主网：https://bsc-dataseed.binance.org
  • 以太坊Sepolia测试网：https://rpc.sepolia.org
• 修改初始化逻辑，增加Provider兜底判断，修正后的可直接运行代码如下：

import Web3 from 'web3';
// 替换为你部署合约对应链的公共RPC地址
const PUBLIC_RPC_URL = "你的公共RPC地址";
let erc20Contract;
let isInitialized = false;
// 替换为你的合约部署地址
const CONTRACT_ADDR = "你的合约地址";
// 替换为你的合约ABI
const erc20Abi = [];

export const init = async () => {
    let provider;
    // 优先使用用户本地安装的钱包注入Provider
    if (typeof window.ethereum !== 'undefined') {
        provider = window.ethereum;
        // 需要自动唤起钱包连接请求时放开下方注释即可
        // await window.ethereum.request({ method: 'eth_requestAccounts' });
    } else {
        // 无钱包环境下用公共RPC兜底
        provider = new Web3.providers.HttpProvider(PUBLIC_RPC_URL);
    }
    const web3 = new Web3(provider);
    const networkId = await web3.eth.net.getId();
    erc20Contract = new web3.eth.Contract(
        erc20Abi,
        CONTRACT_ADDR
    );
    isInitialized = true;
};

补充说明 #

• 公共RPC节点普遍有请求频率限制，如果站点访问量较大，建议替换为自建节点或者付费RPC服务，避免触发限流导致功能失效。
• 如果需要兼容无插件钱包的用户发起交易，可以额外集成扫码签名能力，支持用户用移动端钱包扫码完成交易签名，不需要在浏览器安装插件。

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