Senarai Dompet Tersuai

Menyesuaikan senarai dompet

Anda boleh mengimport dompet individu dari '@rainbow-me/rainbowkit/wallets' bersama dengan fungsi connectorsForWallets untuk membina senarai dompet anda sendiri dengan penyambung yang diperlukan. Dengan cara ini anda mempunyai kawalan penuh ke atas dompet mana yang akan dipaparkan, dan dalam susunan apa.

Sebagai contoh, anda boleh memilih untuk hanya memaparkan Rainbow bersama dompet pemulihan generik.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [rainbowWallet, walletConnectWallet],
    },
  ],
  {
    appName: 'My RainbowKit App',
    projectId: 'YOUR_PROJECT_ID',
  }
);

Anda kemudian boleh memberikan penyambung anda kepada createConfig Wagmi.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { createConfig } from 'wagmi';

const connectors = connectorsForWallets(/* ... */);

const config = createConfig({
  connectors,
  {/* Wagmi config */}
});

const queryClient = new QueryClient();

const App = () => (
  <WagmiProvider config={config}>
    <QueryClientProvider client={queryClient}>
      <RainbowKitProvider {...etc}>
        {/* Your App */}
      </RainbowKitProvider>
    </QueryClientProvider>
  </WagmiProvider>
);

Dompet Terbina Dalam

Dompet berikut disediakan menerusi objek wallet.

Dompet Generik

Dompet berikut difokuskan pada kaedah sambungan generik dan bukan pada aplikasi khusus. Oleh itu, disyorkan agar dompet ini sentiasa disertakan.

WalletConnect

Ini adalah pilihan dompet pemulihan yang direka untuk dompet berasaskan WalletConnect yang tidak disediakan oleh dompet lain dalam senarai.

Disarankan agar dompet ini sentiasa disertakan dalam senarai untuk memastikan semua dompet berasaskan WalletConnect disokong.

import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Suntikan

Ini adalah pilihan dompet pemulihan yang direka untuk senario di mana window.ethereum wujud tetapi tidak disediakan oleh dompet lain dalam senarai. Dompet ini secara automatik akan menyembunyikan dirinya dari senarai apabila pemulihan tidak diperlukan atau jika tiada dompet suntikan yang tersedia.

Disarankan agar dompet ini sentiasa disertakan dalam senarai untuk memastikan semua dompet suntikan disokong.

import { injectedWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Selamat

Untuk dApps yang menyokong Aplikasi Selamat bagi membolehkan pengguna menyambung dengan peti besi atau multi-sig mereka dengan mudah, sertakan pilihan safeWallet untuk sambungan automatik. Pilihan Selamat hanya akan muncul dalam persekitaran pelayar Dompet Selamat.

import { safeWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Khusus

Dompet berikut disediakan menerusi objek wallet (mengikut urutan abjad).

Dompet 1inch

import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets';

Backpack

import { backpackWallet } from '@rainbow-me/rainbowkit/wallets';

Akaun Asas (dahulu dikenali sebagai Dompet Coinbase)

Penyambungan dompet ini menyokong Akaun Asas, evolusi Dompet Pintar Coinbase. Ia menyediakan pengesahan yang lancar dan ciri-ciri dipertingkatkan seperti sub-akaun dan kebenaran perbelanjaan.

Pilihan konfigurasi selaras dengan rujukan SDK Akaun Asas.

import { baseAccount } from '@rainbow-me/rainbowkit/wallets';

// Configure attribution (choose one approach)
baseAccount.preference = {
  attribution: { auto: true }, // Smart Wallet generates origin-based identifier
};

// Or use custom attribution
baseAccount.preference = {
  attribution: { dataSuffix: '0x1234567890abcdef' }, // 16-byte hex identifier
};

// Configure sub-accounts
baseAccount.subAccounts = {
  creation: 'on-connect', // or 'manual'
  defaultAccount: 'sub', // or 'universal'
  funding: 'spend-permissions', // or 'manual'
};

// Configure paymaster URLs for gasless transactions
baseAccount.paymasterUrls = {
  [base.id]: 'https://api.developer.coinbase.com/rpc/v1/base/...',
};

BeraSig

import { berasigWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Terbaik

import { bestWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Bifrost

import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Binance Web3

import { binanceWallet } from '@rainbow-me/rainbowkit/wallets';

Bitget

import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets';

Bitski

import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets';

Bitverse

import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Bloom

import { bloomWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Brave

import { braveWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Bybit

import { bybitWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Coin98

import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Kompas

import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet';

Teroka

import { coreWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet CTRL

import { ctrlWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Dawn

import { dawnWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Enkrypt

import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets';

FoxWallet

import { foxWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Frame

import { frameWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Frontier

import { frontierWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Gate

import { gateWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Gemini

Penyambung dompet pintar ini membolehkan pengesahan tanpa gangguan melalui kunci laluan di keys.gemini.com - tiada muat turun, sambungan, atau kunci API diperlukan. Ia berfungsi terus keluar dari kotak.

Parameter appName diperlukan untuk mengenal pasti dApp anda, dan appIcon adalah pilihan untuk penjenamaan pengalaman sambungan anda.

import { geminiWallet } from '@rainbow-me/rainbowkit/wallets';

const gemini = geminiWallet({
  appName: 'My App',
  appIcon: 'https://my-app.com/logo.png', // Optional
});

imToken

import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet ioPay

import { iopayWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Kaia

import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets';

Kaikas

import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Kraken

import { krakenWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Kresus

import { kresusWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Ledger Live

import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Magic Eden

import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets';

MetaMask

import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';

MEW Wallet

import { mewWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Nova

import { novaWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet OKX

import { okxWallet } from '@rainbow-me/rainbowkit/wallets';

Omni

import { omniWallet } from '@rainbow-me/rainbowkit/wallets';

OneKey

import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';

ParaSwap

import { paraSwapWallet } from '@rainbow-me/rainbowkit/wallets';

Phantom

import { phantomWallet } from '@rainbow-me/rainbowkit/wallets';

Porto

import { portoWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Rabby

import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets';

Rainbow

import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Ramper

import { ramperWallet } from '@rainbow-me/rainbowkit/wallets';

Sedia

import { readyWallet } from '@rainbow-me/rainbowkit/wallets';

Ronin Wallet

import { roninWallet } from '@rainbow-me/rainbowkit/wallets';

Safeheron

import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets';

Taho

import { tahoWallet } from '@rainbow-me/rainbowkit/wallets';

Talisman

import { talismanWallet } from '@rainbow-me/rainbowkit/wallets';

Tokenary

import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets';

TokenPocket

import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets';

Wallet Amanah

import { trustWallet } from '@rainbow-me/rainbowkit/wallets';

Dompet Uniswap

import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets';

Valora

import { valoraWallet } from '@rainbow-me/rainbowkit/wallets';

Wigwam

import { wigwamWallet } from '@rainbow-me/rainbowkit/wallets';

xPortal

import { xPortalWallet } from '@rainbow-me/rainbowkit/wallets';

Zerion

import { zerionWallet } from '@rainbow-me/rainbowkit/wallets';

ZilPay

import { zilPayWallet } from '@rainbow-me/rainbowkit/wallets';

Contoh

Penyusunan

Berikut adalah beberapa contoh paparan dompet yang berbeza, dalam urutan yang berbeza.

Paparkan MetaMask bersama dompet pemulihan generik.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  metaMaskWallet,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [metaMaskWallet, walletConnectWallet],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);

Tunjukkan Rainbow, MetaMask, dan Akaun Asas bersama dengan dompet fallback generik.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  metaMaskWallet,
  baseAccount,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Suggested',
      wallets: [
        rainbowWallet,
        metaMaskWallet,
        baseAccount,
        walletConnectWallet,
      ],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);

Peringatan: Urutan tatasusunan wallets menentukan urutan dompet akan dipaparkan pada antara muka pengguna.

Banyak kumpulan

Anda boleh menggunakan kunci groupName untuk menamakan kumpulan dompet yang berbeza. Ini berguna jika anda mahu berkomunikasi kepada pengguna anda dompet mana yang anda cadangkan, serta kemungkinan dompet lain.

Cadangkan Rainbow dan MetaMask, tetapi juga tawarkan Akaun Asas bersama dompet fallback generik.

import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import {
  rainbowWallet,
  metaMaskWallet,
  baseAccount,
  walletConnectWallet,
} from '@rainbow-me/rainbowkit/wallets';

const connectors = connectorsForWallets(
  [
    {
      groupName: 'Recommended',
      wallets: [rainbowWallet, metaMaskWallet],
    },
    {
      groupName: 'Others',
      wallets: [baseAccount, walletConnectWallet],
    },
  ],
  { appName: 'RainbowKit App', projectId: 'YOUR_PROJECT_ID' },
);

Tinjauan

Memulakan

Lanjutan