사용자 지정 지갑 목록
사용자 지정 지갑 목록
지갑 목록 사용자 정의하기
'@rainbow-me/rainbowkit/wallets'에서 개별 지갑을 가져오고, 필요한 커넥터를 가진 자신의 지갑 목록을 만드는 connectorsForWallets 함수를 가져올 수 있습니다. 이렇게 하면 표시할 지갑과 그 순서를 전적으로 제어할 수 있습니다.
예를 들어, Rainbow와 일반적인 대체 지갑만 표시하기로 선택할 수 있습니다.
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',
}
);
그런 다음 Wagmi의 createConfig에 커넥터를 전달할 수 있습니다.
import { connectorsForWallets } from '@rainbow-me/rainbowkit';
import { createConfig } from 'wagmi';
const connectors = connectorsForWallets();
const config = createConfig({
connectors,
{}
});
const queryClient = new QueryClient();
const App = () => (
<WagmiProvider config={config}>
<QueryClientProvider client={queryClient}>
<RainbowKitProvider {...etc}>
{}
</RainbowKitProvider>
</QueryClientProvider>
</WagmiProvider>
);
다음 지갑들은 wallet 객체를 통해 제공됩니다.
다음 지갑들은 특정 앱보다는 일반적인 연결 방법에 범위를 정의하고 있습니다. 결과적으로, 이러한 지갑들을 항상 포함하는 것이 권장됩니다.
이것은 목록의 다른 지갑에서 제공되지 않은 WalletConnect 기반 지갑을 위한 페일오버 지갑 옵션입니다.
모든 WalletConnect 기반 지갑이 지원되도록 이 지갑을 항상 목록에 포함하는 것이 권장됩니다.
import { walletConnectWallet } from '@rainbow-me/rainbowkit/wallets';
이것은 window.ethereum이 존재하지만 목록의 다른 지갑에서 제공되지 않은 경우를 위한 페일오버 지갑 옵션입니다. 이 지갑은 페일오버가 필요하지 않거나 주입된 지갑이 없는 경우 목록에서 자동으로 숨겨집니다.
모든 주입된 지갑이 지원되도록 이 지갑을 항상 목록에 포함하는 것이 권장됩니다.
import { injectedWallet } from '@rainbow-me/rainbowkit/wallets';
사용자들에게 Safe 금고 또는 다중 서명으로 쉽게 연결할 수 있도록 다양한 앱을 지원하는 dApp의 경우, 자동 연결을 위해 safeWallet 옵션을 포함시키십시오. Safe 옵션은 Safe Wallet 브라우저 환경에서만 나타납니다.
import { safeWallet } from '@rainbow-me/rainbowkit/wallets';
다음의 지갑들은 wallet 객체를 통해 제공됩니다 (알파벳 순서).
import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets';
import { argentWallet } from '@rainbow-me/rainbowkit/wallets';
import { binanceWallet } from '@rainbow-me/rainbowkit/wallets';
import { bitgetWallet } from '@rainbow-me/rainbowkit/wallets';
import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets';
import { bitskiWallet } from '@rainbow-me/rainbowkit/wallets';
import { bitverseWallet } from '@rainbow-me/rainbowkit/wallets';
import { bloomWallet } from '@rainbow-me/rainbowkit/wallets';
import { braveWallet } from '@rainbow-me/rainbowkit/wallets';
import { bybitWallet } from '@rainbow-me/rainbowkit/wallets';
이 지갑 커넥터는 Coinbase Wallet 앱과 확장 프로그램뿐만 아니라 웹에서 Coinbase Smart Wallet도 지원합니다.
preference 인수를 사용하여 Smart Wallet이 활성화되고 사용 가능하도록 제어할 수 있습니다. 기본 설정 기반 동작은 여기에 문서화되어 있습니다.
Smart Wallet은 추가 업그레이드 없이 6월 초에 기본적으로 all 옵션과 함께 활성화됩니다.
개발자들은 오늘 sepolia와 baseSepolia 체인으로 Smart Wallet을 테스트할 수 있으며, 그들의 지갑 목록에 coinbaseWallet을 포함시켜 smartWalletOnly를 설정할 수 있습니다.
import { coinbaseWallet } from '@rainbow-me/rainbowkit/wallets';
coinbaseWallet.preference = 'smartWalletOnly';
import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets';
import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet';
import { coreWallet } from '@rainbow-me/rainbowkit/wallets';
import { dawnWallet } from '@rainbow-me/rainbowkit/wallets';
import { enkryptWallet } from '@rainbow-me/rainbowkit/wallets';
import { foxWallet } from '@rainbow-me/rainbowkit/wallets';
import { frameWallet } from '@rainbow-me/rainbowkit/wallets';
import { frontierWallet } from '@rainbow-me/rainbowkit/wallets';
import { gateWallet } from '@rainbow-me/rainbowkit/wallets';
import { imTokenWallet } from '@rainbow-me/rainbowkit/wallets';
import { iopayWallet } from '@rainbow-me/rainbowkit/wallets';
import { kaiaWallet } from '@rainbow-me/rainbowkit/wallets';
import { kaikasWallet } from '@rainbow-me/rainbowkit/wallets';
import { krakenWallet } from '@rainbow-me/rainbowkit/wallets';
import { kresusWallet } from '@rainbow-me/rainbowkit/wallets';
import { ledgerWallet } from '@rainbow-me/rainbowkit/wallets';
import { magicEdenWallet } from '@rainbow-me/rainbowkit/wallets';
import { mewWallet } from '@rainbow-me/rainbowkit/wallets';
import { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';
import { okxWallet } from '@rainbow-me/rainbowkit/wallets';
import { omniWallet } from '@rainbow-me/rainbowkit/wallets';
import { oneKeyWallet } from '@rainbow-me/rainbowkit/wallets';
import { phantomWallet } from '@rainbow-me/rainbowkit/wallets';
import { rabbyWallet } from '@rainbow-me/rainbowkit/wallets';
import { rainbowWallet } from '@rainbow-me/rainbowkit/wallets';
import { ramperWallet } from '@rainbow-me/rainbowkit/wallets';
import { roninWallet } from '@rainbow-me/rainbowkit/wallets';
import { safeheronWallet } from '@rainbow-me/rainbowkit/wallets';
import { tahoWallet } from '@rainbow-me/rainbowkit/wallets';
import { talismanWallet } from '@rainbow-me/rainbowkit/wallets';
import { tokenaryWallet } from '@rainbow-me/rainbowkit/wallets';
import { tokenPocketWallet } from '@rainbow-me/rainbowkit/wallets';
import { trustWallet } from '@rainbow-me/rainbowkit/wallets';
import { uniswapWallet } from '@rainbow-me/rainbowkit/wallets';
import { xdefiWallet } from '@rainbow-me/rainbowkit/wallets';
import { zerionWallet } from '@rainbow-me/rainbowkit/wallets';
다른 순서로 다양한 지갑을 표시하는 몇 가지 예시입니다.
일반적인 백업 지갑과 함께 MetaMask를 표시합니다.
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 및 Coinbase를 일반적인 백업 지갑과 함께 표시합니다.
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' },
);
참고: 지갑 배열의 순서는 UI에서 지갑이 표시되는 순서를 정의합니다.
그룹이름 키를 사용하여 다른 지갑 그룹을 이름 지을 수 있습니다. 여러분이 사용자들에게 권장하는 지갑과 다른 가능한 지갑을 알리고 싶을 때 유용합니다.
Rainbow과 MetaMask를 추천하되, 일반적인 백업 지갑과 함께 Coinbase도 제공합니다.
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' },
);
