uni-app 使用WalletConnect/web3Modal来与dapp钱包进行交互

1.安装所需库：在您的 Uni-app 项目中，使用 npm 或 yarn 安装所需的库。

import WalletConnectProvider from '@walletconnect/web3-provider';

// 创建 WalletConnectProvider 实例
const provider = new WalletConnectProvider({
  // 配置参数
});



3.创建 Web3Modal 实例：导入 web3modal 库，并创建一个 Web3Modal 实例，将 WalletConnectProvider 作为连接选项。

import Web3Modal from 'web3modal';

// 创建 Web3Modal 实例
const web3Modal = new Web3Modal({
  cacheProvider: true, // 可选，启用缓存提供者
  providerOptions: {
    walletconnect: {
      package: WalletConnectProvider, // 使用 WalletConnectProvider
      options: {
        // 配置参数
      }
    },
    // 其他可选的连接选项
  }
});


4.连接钱包并进行操作：在用户点击连接钱包的按钮或其他交互事件中，调用 web3Modal.connect() 方法来连接钱包。

// 连接钱包
web3Modal.connect()
  .then(provider => {
    // 钱包连接成功，provider 是已连接的提供者实例
    const web3 = new Web3(provider);
    // 进行后续操作
  })
  .catch(error => {
    // 钱包连接失败或用户取消连接
    console.error(error);
  });