Özel Cüzdan Listesi

Cüzdan listesini özelleştirme

Kendi cüzdan listenizi oluşturmak için '@rainbow-me/rainbowkit/wallets''den bireysel cüzdanları ve gerekli bağlayıcıları olan connectorsForWallets fonksiyonunu içe aktarabilirsiniz. Bu şekilde hangi cüzdanların görüntüleneceği ve hangi sırayla gösterileceği üzerinde tam kontrol sahibi olursunuz.

Örneğin, sadece Rainbow ve jenerik yedek cüzdanları göstermeyi tercih edebilirsiniz.

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

Daha sonra bağlayıcılarınızı 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>
);

Dahili cüzdanlar

Aşağıdaki cüzdanlar wallet objesi aracılığıyla sağlanır.

Jenerik Cüzdanlar

Aşağıdaki cüzdanlar belirli uygulamalar yerine jenerik bağlantı yöntemlerine odaklanmıştır. Sonuç olarak, bu cüzdanların her zaman dahil edilmesi önerilir.

WalletConnect

Bu, listede başka bir cüzdan tarafından sağlanmamış WalletConnect tabanlı cüzdanlar için tasarlanmış bir yedek cüzdan seçeneğidir.

WalletConnect tabanlı tüm cüzdanların desteklenmesini sağlamak için bu cüzdanın listeye her zaman dahil edilmesi önerilir.

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

Enjekte Edilen Cüzdan

Bu, window.ethereum durumunun mevcut olduğu ancak listenin başka bir cüzdan tarafından sağlanmadığı senaryolar için tasarlanmış bir yedek cüzdan seçeneğidir. Yedek gerekli olmadığında veya enjekte edilmiş bir cüzdan bulunmadığında bu cüzdan otomatik olarak listeden gizlenecektir.

Enjekte edilmiş tüm cüzdanların desteklenmesi için bu cüzdanın her zaman listeye dahil edilmesi önerilir.

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

Güvenli Cüzdan

Kullanıcıların Güvenli kasaları veya çoklu imzaları ile kolayca bağlantı kurmalarına izin vermek için Safe Apps'i destekleyen dApp'ler için, otomatik bağlantılar için safeWallet seçeneğini ekleyin. Güvenli seçeneği yalnızca Güvenli Cüzdan tarayıcı ortamında görünecektir.

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

Özel Cüzdanlar

Aşağıdaki cüzdanlar alfabetik sırayla wallet objesi aracılığıyla sağlanır.

1inch Cüzdan

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

Backpack

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

Base Hesap (önceki adıyla Coinbase Cüzdan)

Bu cüzdan konektörü Base Hesap'ı destekler, Coinbase Akıllı Cüzdan'ın evrimidir. Alt hesaplar ve harcama izinleri gibi sorunsuz kimlik doğrulama ve geliştirilmiş özellikler sağlar.

Yapılandırma seçenekleri Base Hesap SDK referansı ile uyumludur.

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

En İyi Cüzdan

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

Bifrost Cüzdan

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

Binance Web3 Cüzdan

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

Bloom Cüzdan

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

Brave Cüzdan

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

Bybit Cüzdan

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

Coin98 Cüzdan

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

Compass Cüzdan

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

Temel

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

CTRL Cüzdan

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

Dawn Cüzdan

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

Enkrypt Cüzdan

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

FoxWallet

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

Frame Cüzdan

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

Frontier Cüzdan

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

Gate Cüzdan

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

Gemini Cüzdanı

Bu akıllı cüzdan bağlayıcı, keys.gemini.com adresindeki erişim anahtarlarıyla sorunsuz kimlik doğrulama sağlar - hiçbir indirme, eklenti veya API anahtarına gerek yoktur. Kutu içeriği olarak çalışır.

dApp'inizi tanımlamak için appName parametresi gereklidir, appIcon ise bağlantı deneyimlerinizi özelleştirmek için isteğe bağlıdır.

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

ioPay Cüzdan

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

Kaia Cüzdan

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

Kaikas

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

Kraken Cüzdan

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

Kresus Cüzdan

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

Ledger Live

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

Magic Eden Cüzdan

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

MetaMask

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

MEW Cüzdanı

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

Nova Cüzdan

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

OKX Cüzdan

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

Rabby Cüzdan

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

Rainbow

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

Ramper Cüzdan

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

Hazır

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

Ronin Cüzdanı

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 Cüzdan

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

Uniswap Cüzdanı

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

Örnekler

Sıralama

Burada farklı cüzdanların farklı sıralarda gösterildiği birkaç örnek bulunmaktadır.

MetaMask'i jenerik yedek cüzdanlarla birlikte 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 Base Hesabını genel yedek cüzdanlarla birlikte gösterin.

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

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

Birden fazla grup

Kullanıcılara önerdiğiniz cüzdanları ve diğer olası cüzdanları iletmek istiyorsanız groupName anahtarını farklı cüzdan gruplarını adlandırmak için kullanabilirsiniz.

Rainbow ve MetaMask'i önerin, ancak Base Hesabını da genel yedek cüzdanlarla birlikte sunun.

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

Genel Bakış

Başlarken

Gelişmiş