Ví tùy chỉnh

Tạo một ví tùy chỉnh

Chú ý: API này chưa ổn định và có thể thay đổi trong tương lai gần. Chúng tôi sẽ bổ sung thêm nhiều ví tích hợp sẵn theo thời gian. Hãy cho chúng tôi biết nếu bạn quan tâm đến bất kỳ ví cụ thể nào.

Kiểu hàm Wallet được cung cấp để giúp bạn định nghĩa các ví tùy chỉnh của riêng mình. Các thuộc tính sau có thể được cấu hình trên giá trị trả về của hàm Wallet của bạn:

Các thuộc tính của Ví

Prop	Type	Default
`id*`	`string`	–
`name*`	`string`	–
`rdns`	`string`	–
`shortName`	`string \| undefined`	–
`iconUrl*`	`string \| (() => Promise<string>)`	–
`iconAccent`	`string`	–
`iconBackground*`	`string`	–
`installed`	`boolean \| undefined`	–
`downloadUrls`	`DownloadUrls \| undefined`	–
`hidden`	`(args) => boolean \| undefined`	–
`createConnector*`	`RainbowKitConnector`	–
`mobile`	`object`	–
`desktop`	`object`	–
`qrCode`	`object`	–
`extension`	`object`	–
`createConnector*`	`(details: WalletDetailsParams) => CreateConnectorFn`	–

Các thuộc tính của DownloadUrls

Prop	Type	Default
`android`	`string`	–
`ios`	`string`	–
`mobile`	`string`	–
`qrCode`	`string`	–
`chrome`	`string`	–
`edge`	`string`	–
`firefox`	`string`	–
`opera`	`string`	–
`safari`	`string`	–
`browserExtension`	`string`	–

Ví dụ

Ví dụ, để tạo một ví tùy chỉnh bằng WalletConnect:

import { Wallet, getWalletConnectConnector } from '@rainbow-me/rainbowkit';

export interface MyWalletOptions {
  projectId: string;
}

export const rainbow = ({ projectId }: MyWalletOptions): Wallet => ({
  id: 'my-wallet',
  name: 'My Wallet',
  iconUrl: 'https://my-image.xyz',
  iconBackground: '#0c2f78',
  downloadUrls: {
    android: 'https://play.google.com/store/apps/details?id=my.wallet',
    ios: 'https://apps.apple.com/us/app/my-wallet',
    chrome: 'https://chrome.google.com/webstore/detail/my-wallet',
    qrCode: 'https://my-wallet/qr',
  },
  mobile: {
    getUri: (uri: string) => uri,
  },
  qrCode: {
    getUri: (uri: string) => uri,
    instructions: {
      learnMoreUrl: 'https://my-wallet/learn-more',
      steps: [
        {
          description:
            'We recommend putting My Wallet on your home screen for faster access to your wallet.',
          step: 'install',
          title: 'Open the My Wallet app',
        },
        {
          description:
            'After you scan, a connection prompt will appear for you to connect your wallet.',
          step: 'scan',
          title: 'Tap the scan button',
        },
      ],
    },
  },
  extension: {
    instructions: {
      learnMoreUrl: 'https://my-wallet/learn-more',
      steps: [
        {
          description:
            'We recommend pinning My Wallet to your taskbar for quicker access to your wallet.',
          step: 'install',
          title: 'Install the My Wallet extension',
        },
        {
          description:
            'Be sure to back up your wallet using a secure method. Never share your secret phrase with anyone.',
          step: 'create',
          title: 'Create or Import a Wallet',
        },
        {
          description:
            'Once you set up your wallet, click below to refresh the browser and load up the extension.',
          step: 'refresh',
          title: 'Refresh your browser',
        },
      ],
    },
  },
  createConnector: getWalletConnectConnector({ projectId }),
});

Sau đó, bạn có thể thêm ví tùy chỉnh của mình vào danh sách ví.

Tổng quan

Bắt đầu

Nâng cao

Ví tùy chỉnh

Tạo một ví tùy chỉnh

Các thuộc tính của Ví

Các thuộc tính của DownloadUrls

Ví dụ