WalletConnect v2 への移行

dAppを5分以内にv2のアップグレードに準備する方法

WalletConnect v1 プロトコルは2023年6月28日にシャットダウンされますが、RainbowKitが移行を超簡単に行えるようにサポートします。

RainbowKitでは、互換性を壊すことなく、標準でWalletConnect v2サポートを追加しました。単にアップグレードし、以下のガイドを参考にしてください。

WalletConnectはユーザーがモバイルウォレットをdAppに接続することを可能にするプロトコルで、RainbowKitの重要な基盤です。最近リリースされたWalletConnect v2にはウォレットとdAppの体験をより良くするための多くの重要なアップグレードがあります。

v2では、ユーザーは同時に複数チェーンに接続でき、チェーン切り替えの手間が省けます。また、より多くのネットワークをサポートし、Ethereumでのサインインをより高速にする改善が施されています。

すでにRainbowKit 0.12.x と 1.0.x の移行ガイドに従っている場合、もう少しで完了です！最新版の更新を試してください。

RainbowKitは 0.12.15 と 1.0.2 でデフォルトでWalletConnect v2 を有効にし、あなたのdAppがwagmi v1とRainbowKit v1にまだアップグレードされていない場合に備えて0.12.xのサポートを続けています。

1. 依存関係のアップグレード

npm i @rainbow-me/rainbowkit@^1.0.2 wagmi@^1.2

0.12.x または 1.0.x より前のバージョンのRainbowKitを使用している場合は、移行ガイドに従って最新化してください。

0.12.x のdAppは wagmi v1 へのアップグレードを始めることが推奨されています。というのも、WalletConnect v2 の安定性向上は未来の wagmi バージョンにしか含まれないからです。

2. projectIdの供給

WalletConnectに依存するすべてのdAppは現在、WalletConnect CloudからprojectIdを取得する必要があります。これは完全に無料で、数分で完了します。

以下のようにprojectIdをgetDefaultWalletsおよび個別のRainbowKitウォレットコネクタに供給してください：

const projectId = 'YOUR_PROJECT_ID';
const { wallets } = getDefaultWallets({
  appName: 'My RainbowKit App',
  projectId,
  chains,
});
const connectors = connectorsForWallets([
  ...wallets,
  {
    groupName: 'Other',
    wallets: [
      readyWallet({ projectId, chains }),
      trustWallet({ projectId, chains }),
      ledgerWallet({ projectId, chains }),
    ],
  },
]);

RainbowKitは型安全であり、projectIdが欠落している場合に警告を表示します。v2を実際に動かすには例を参照してください：

• Create React App
• Next.js
• Next.js App Router
• Remix
• Vite
• React Router

追加のサポートされたオプションについてはdocsを参照してください。