कस्टम वॉलेट सूची
कस्टम वॉलेट सूची
वॉलेट सूची को कस्टमाइज़ करना
आप '@rainbow-me/rainbowkit/wallets' से व्यक्तिगत वॉलेट्स के साथ connectorsForWallets फ़ंक्शन को आयात कर सकते हैं जिससे आप अपनी वॉलेट्स की सूची बना सकते हैं जिनमें उनके आवश्यक कनेक्टर्स होते हैं। इस तरह से आपके पास यह नियंत्रित करने की पूर्ण स्वतंत्रता होती है कि कौन से वॉलेट्स दिखाए जाएं, और किस क्रम में।
उदाहरण के लिए, आप सामान्य फ़ॉलबैक वॉलेट्स के साथ केवल रेनबो दिखाने का चयन कर सकते हैं।
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 मौजूद है लेकिन सूची में किसी अन्य वॉलेट द्वारा प्रदान नहीं किया गया है। जब फ़ॉलबैक की आवश्यकता नहीं होती या कोई injected वॉलेट उपलब्ध नहीं होता है, तो यह वॉलेट स्वतः ही सूची से गायब हो जाएगा।
यह सिफारिश की जाती है कि आप इस वॉलेट को सूची में हमेशा शामिल करें ताकि सुनिश्चित किया जाए कि सभी injected वॉलेट्स समर्थित हैं।
import { injectedWallet } from '@rainbow-me/rainbowkit/wallets';
उन dApps के लिए जो उपयोगकर्ताओं को उनके सुरक्षित वॉल्ट या मल्टी-सिग के साथ आसानी से कनेक्ट होने देने के लिए सुरक्षित ऐप्स का समर्थन करते हैं, safeWallet विकल्प को स्वचालित कनेक्शनों के लिए शामिल करें। सुरक्षित विकल्प केवल सुरक्षित वॉलेट ब्राउज़र एनवायरनमेंट में दिखाई देगा।
import { safeWallet } from '@rainbow-me/rainbowkit/wallets';
निम्नलिखित वॉलेट wallet ऑब्जेक्ट के माध्यम से प्रदान किए जाते हैं (वर्णमाला के क्रम में)।
import { oneInchWallet } from '@rainbow-me/rainbowkit/wallets';
import { backpackWallet } from '@rainbow-me/rainbowkit/wallets';
यह वॉलेट कनेक्टर बेस खाता का समर्थन करता है, जो कॉइनबेस स्मार्ट वॉलेट का विकास है। यह सहज प्रमाणीकरण और उप-खाते और खर्च अनुमतियों जैसी उन्नत सुविधाएं प्रदान करता है।
कॉन्फिगरेशन विकल्प बेस खाता SDK संदर्भ के अनुरूप हैं।
import { baseAccount } from '@rainbow-me/rainbowkit/wallets';
baseAccount.preference = {
attribution: { auto: true },
};
baseAccount.preference = {
attribution: { dataSuffix: '0x1234567890abcdef' },
};
baseAccount.subAccounts = {
creation: 'on-connect',
defaultAccount: 'sub',
funding: 'spend-permissions',
};
baseAccount.paymasterUrls = {
[base.id]: 'https://api.developer.coinbase.com/rpc/v1/base/...',
};
import { berasigWallet } from '@rainbow-me/rainbowkit/wallets';
import { bestWallet } from '@rainbow-me/rainbowkit/wallets';
import { bifrostWallet } from '@rainbow-me/rainbowkit/wallets';
import { binanceWallet } from '@rainbow-me/rainbowkit/wallets';
import { bitgetWallet } 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';
import { coin98Wallet } from '@rainbow-me/rainbowkit/wallets';
import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet';
import { coreWallet } from '@rainbow-me/rainbowkit/wallets';
import { ctrlWallet } 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';
यह स्मार्ट वॉलेट कननेक्टर पासकीज़ के ज़रिए keys.gemini.com पर आसान प्रामाणन की सुविधा देता है - कोई डाउनलोड, एक्सटेंशन, या API की की आवश्यकता नहीं है। यह बिलकुल आउट ऑफ़ द बॉक्स काम करता है।
आपके dApp की पहचान के लिए appName पैरामीटर आवश्यक है, और आपके कनेक्शन अनुभव को ब्रांडिंग करने के लिए appIcon वैकल्पिक है।
import { geminiWallet } from '@rainbow-me/rainbowkit/wallets';
const gemini = geminiWallet({
appName: 'My App',
appIcon: 'https://my-app.com/logo.png',
});
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 { metaMaskWallet } from '@rainbow-me/rainbowkit/wallets';
import { mewWallet } from '@rainbow-me/rainbowkit/wallets';
import { novaWallet } 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 { paraSwapWallet } from '@rainbow-me/rainbowkit/wallets';
import { phantomWallet } from '@rainbow-me/rainbowkit/wallets';
import { portoWallet } 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 { readyWallet } 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 { valoraWallet } from '@rainbow-me/rainbowkit/wallets';
import { wigwamWallet } from '@rainbow-me/rainbowkit/wallets';
import { xPortalWallet } from '@rainbow-me/rainbowkit/wallets';
import { zerionWallet } from '@rainbow-me/rainbowkit/wallets';
import { zilPayWallet } 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' },
);
रेनबो, मेटामास्क और बेस अकाउंट के साथ सामान्य फ़ॉलबैक वॉलेट्स दिखाएं।
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' },
);
अनुस्मारक: वॉलेट्स ऐरे का क्रम यह निर्धारित करता है कि वॉलेट्स UI में किस क्रम में प्रदर्शित होंगे।
आप groupName कुंजी का उपयोग करके विभिन्न वॉलेट समूहों को नाम दे सकते हैं। यह उपयोगी है यदि आप अपने उपयोगकर्ताओं को यह सूचित करना चाहते हैं कि आप कौन से वॉलेट्स की सिफारिश करते हैं, साथ ही अन्य संभावित वॉलेट्स।
रेनबो और मेटामास्क की सिफारिश करें, लेकिन बेस अकाउंट के साथ सामान्य फ़ॉलबैक वॉलेट्स भी ऑफ़र करें।
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' },
);