如何让DApp自动连接电脑端指定插件钱包？（MetaMask/TokenPocket）

要实现点击对应钱包图标直接连接目标钱包，核心是定位到对应钱包的专属Provider实例，而不是直接使用全局的window.ethereum（当多钱包共存时，全局对象可能是聚合Provider，会触发选择弹窗）。以下是针对MetaMask和TokenPocket的具体实现方案：

一、连接MetaMask的实现 #

MetaMask会在注入的Provider上添加isMetaMask标识，我们可以通过这个特征精准定位：

async function connectMetaMask() {
  let targetProvider;

  // 多钱包共存时，从providers数组中筛选MetaMask实例
  if (window.ethereum?.providers) {
    targetProvider = window.ethereum.providers.find(provider => provider.isMetaMask);
  } 
  // 仅安装MetaMask时，直接使用全局ethereum对象
  else if (window.ethereum?.isMetaMask) {
    targetProvider = window.ethereum;
  }

  if (!targetProvider) {
    alert('请先安装MetaMask钱包');
    return;
  }

  try {
    // 发起连接请求
    const accounts = await targetProvider.request({ method: 'eth_requestAccounts' });
    console.log('MetaMask连接成功，地址：', accounts[0]);
    // 这里添加你的业务逻辑，比如保存地址、切换链等
  } catch (error) {
    console.error('MetaMask连接失败：', error);
  }
}

二、连接TokenPocket的实现 #

TokenPocket的Provider通常会带有isTokenPocket标识，部分版本也会直接注入window.TPWallet对象，我们可以结合这两种方式定位：

async function connectTokenPocket() {
  let targetProvider;

  // 多钱包共存时，从providers数组中筛选TokenPocket实例
  if (window.ethereum?.providers) {
    targetProvider = window.ethereum.providers.find(
      provider => provider.isTokenPocket || provider.name === 'TokenPocket'
    );
  } 
  // 仅安装TokenPocket时，直接使用全局ethereum对象
  else if (window.ethereum?.isTokenPocket) {
    targetProvider = window.ethereum;
  }
  // 兼容部分旧版本TP的注入方式
  else if (window.TPWallet) {
    targetProvider = window.TPWallet.ethereum;
  }

  if (!targetProvider) {
    alert('请先安装TokenPocket钱包');
    return;
  }

  try {
    // 发起连接请求
    const accounts = await targetProvider.request({ method: 'eth_requestAccounts' });
    console.log('TokenPocket连接成功，地址：', accounts[0]);
    // 这里添加你的业务逻辑
  } catch (error) {
    console.error('TokenPocket连接失败：', error);
  }
}

三、额外注意事项 #

1. 钱包注入延迟：部分钱包可能在页面加载完成后才完成Provider注入，建议在页面DOMContentLoaded事件触发后再初始化按钮点击事件，或者监听ethereum#initialized事件：

   window.addEventListener('ethereum#initialized', () => {
     // 初始化钱包连接按钮的点击事件
     document.getElementById('metamask-btn').onclick = connectMetaMask;
     document.getElementById('tp-btn').onclick = connectTokenPocket;
   });
   

2. EIP-6963兼容：如果钱包支持EIP-6963标准，会通过window.ethereumProviderRegistry暴露Provider，你也可以通过该接口获取更规范的Provider列表，进一步提升兼容性。

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