Özel Cüzdan Listesi

Cüzdan listesini özelleştirme

'@rainbow-me/rainbowkit/wallets' dan tek tek cüzdanları connectorsForWallets fonksiyonu ile birlikte alabilir ve kendi cüzdan listenizi gerekli bağlantılarıyla birlikte oluşturabilirsiniz. Bu şekilde hangi cüzdanların gösterileceği ve hangi sırada gösterileceği konusunda tam kontrolünüz olur.

Örneğin, sadece Rainbow ve genel yedek cüzdanları göstermeyi seçebilirsiniz.

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',
  }
);

Ardından konnektörlerinizi Wagmi'nin createConfig'ine geçirebilirsiniz.

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>
);

Yerleşik cüzdanlar

Aşağıdaki cüzdanlar wallet nesnesi üzerinden sağlanır.

Genel Cüzdanlar

Aşağıdaki cüzdanlar, belirli uygulamalardan ziyade genel bağlantı metotlarına odaklanmıştır. Sonuç olarak, bu cüzdanların her zaman dahil edilmesi önerilir.

WalletConnect

Bu, listeye başka bir cüzdan tarafından sağlanmamış olan CüzdanBağlantısı tabanlı cüzdanlar için tasarlanmış bir yedek cüzdan seçeneğidir.

Tüm CüzdanBağlantısı tabanlı cüzdanların desteklendiğini garantilemek için bu cüzdanı her zaman listenize dahil etmeniz önerilir.

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

Enjekte Edilen Cüzdan

window.ethereum var olduğu ancak listenizde başka bir cüzdan tarafından sağlanmadığı senaryolar için tasarlanmış bir yedek cüzdan seçeneğidir. Bu cüzdan, yedek olarak gerekli olmadığında veya kullanılabilir bir enjekte edilmiş cüzdan olmadığında otomatik olarak kendini listeden gizleyecektir.

Tüm enjekte edilen cüzdanların desteklendiğini garantilemek için bu cüzdanı her zaman listenize dahil etmeniz önerilir.

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

Safe Wallet

Kullanıcıların Safe kasaları veya multi-sig (çoklu imza) ortamlarıyla kolayca bağlantı kurmalarına olanak tanıyan dApp'ler için safeWallet seçeneğini otomatik bağlantılar için dahil edin. Safe seçeneği yalnızca Safe Cüzdan tarayıcı ortamında görünecektir.

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

Özel Cüzdanlar

Aşağıdaki cüzdanlar wallet nesnesi aracılığıyla sağlanır (alfabetik sıraya göre).

1inch Wallet

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

Argent

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

Backpack

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

BeraSig

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

Best Wallet

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

Binance Web3 Wallet

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

Bitget

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

Bifrost Wallet

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

Bitski

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

Bitverse

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

Bloom Wallet

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

Brave Wallet

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

Bybit Wallet

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

Coinbase

Bu cüzdan konnektörü hem Coinbase Cüzdan uygulamasını ve uzantısını, hem de Web'de Coinbase Akıllı Cüzdan'ı destekler.

Akıllı Cüzdan'ın etkin olup kullanıcılar için kullanılabilirliğini kontrol etmek amacıyla bir preference argümanı mevcuttur. Tercih tabanlı davranış burada belgelenmiştir.

Akıllı Cüzdan, Haziran başında all ile varsayılan olarak etkinleştirilecek, başka bir yükseltme gerektirmeyecek.

Geliştiriciler, bugünden itibaren sepolia ve baseSepolia zincirleri ile Akıllı Cüzdan'ı smartWalletOnly ayarlayarak ve coinbaseWallet'i cüzdan listelerine ekleyerek test edebilir:

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

// Enable Coinbase Smart Wallet for testing
coinbaseWallet.preference = 'smartWalletOnly';

Coin98 Wallet

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

Compass Wallet

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

Core

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

Dawn Wallet

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

Enkrypt Wallet

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

FoxWallet

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

Frame Wallet

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

Frontier Wallet

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

Gate Wallet

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

imToken

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

ioPay Wallet

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

Kaia Wallet

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

Kaikas

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

Kraken Wallet

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

Kresus Wallet

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

Ledger Live

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

Magic Eden Wallet

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

MEW Wallet

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

MetaMask

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

OKX Wallet

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';

Rabby Wallet

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

Rainbow

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

Ramper Wallet

import { ramperWallet } 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';

Trust Wallet

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

Uniswap Wallet

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

Valora

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

XDEFI Wallet

import { xdefiWallet } 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';

Wigwam

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

Örnekler

Sıralama

Farklı cüzdanların farklı sıralamada gösterilmesine dair birkaç örnek bulunmaktadır.

MetaMask ile genel yedek cüzdanları gösterin.

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' },
);

Rainbow, MetaMask ve Coinbase'i, genel yedek cüzdanlarla birlikte gösterin.

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

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

Hatırlatma: wallets dizisinin sırası, cüzdanların kullanıcı arayüzünde görüntüleneceği sırayı belirler.

Çoklu gruplar

groupName anahtarını farklı cüzdan gruplarına isim vermek için kullanabilirsiniz. Hangi cüzdanları önerdiğinizi kullanıcılarınıza iletmek istiyorsanız, aynı zamanda diğer olası cüzdanları da böylesine faydalıdır.

Rainbow ve MetaMask'i önerin, ancak Coinbase'i de genel yedek cüzdanlarla birlikte sunun.

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

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

Genel Bakış

Başlarken

Gelişmiş