Construire un wallet connector avec WalletConnect v2

WalletConnect v2 : Le standard

WalletConnect permet à n'importe quel wallet de se connecter à n'importe quelle dApp via un protocole standardisé.

Installation avec wagmi

npm install wagmi viem @wagmi/connectors

// config.ts
import { createConfig, http } from 'wagmi';
import { mainnet } from 'wagmi/chains';
import { walletConnect } from '@wagmi/connectors';

export const config = createConfig({
  chains: [mainnet],
  connectors: [
    walletConnect({
      projectId: 'YOUR_PROJECT_ID',
    }),
  ],
  transports: {
    [mainnet.id]: http(),
  },
});

Composant de connexion

import { useConnect, useAccount, useDisconnect } from 'wagmi';

function ConnectButton() {
  const { connect, connectors } = useConnect();
  const { address, isConnected } = useAccount();
  const { disconnect } = useDisconnect();

  if (isConnected) {
    return  disconnect()}>{address};
  }

  return connectors.map((connector) => (
     connect({ connector })}>
      {connector.name}
    
  ));
}