Địa phương hoá

Địa phương hoá

Tùy chỉnh ngôn ngữ dApp của bạn với các bản dịch tích hợp sẵn

Mặc định 'RainbowKit' hỗ trợ locale en-US cho người dùng ngôn ngữ Tiếng Anh.

Nếu có, RainbowKit sẽ phát hiện ngôn ngữ ưa thích của người dùng và chọn các bản dịch phù hợp. Các nhà phát triển luôn có thể thay đổi ngôn ngữ mặc định.

Để chỉ định ngôn ngữ cho người dùng của bạn, chỉ cần thêm locale="zh-CN" làm prop trong RainbowKitProvider

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

export const App = () => (
  <RainbowKitProvider locale="zh-CN" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);

Hỗ trợ địa phương hóa của 'RainbowKit' hoạt động tốt hơn với Sub-path Routing.

Cấu hình dự án Next.js của bạn như ví dụ dưới đây để thêm một sub-path /locale/ tùy chọn vào các đường dẫn của bạn, điều này sẽ giúp các công cụ tìm kiếm và người dùng dễ dàng tìm kiếm hỗ trợ đa ngôn ngữ của bạn hơn.

// next.config.js
{
  i18n: {
    locales: ['default', 'en', 'zh-CN'],
    defaultLocale: 'default',
  },
}

Sau đó, truyền locale được cung cấp bởi Pages Router vào RainbowKitProvider

import { RainbowKitProvider, Locale } from '@rainbow-me/rainbowkit';

export const App = () => {
  const { locale } = useRouter() as { locale: Locale };
  return (
    <RainbowKitProvider locale={locale} {...etc}>
      {/* Your App */}
    </RainbowKitProvider>
  )
};

Bạn có thể tham khảo một ví dụ cho Pages Router tại đây.

App Router chưa hỗ trợ i18n. Tham khảo ví dụ riêng biệt của chúng tôi tại đây để có các thực tiễn tốt nhất về triển khai với middleware next-intl.

Chúng tôi khuyến nghị bạn sử dụng các kỹ thuật tương tự để dịch nội dung dApp của bạn cho việc hỗ trợ địa phương hóa đầy đủ. Các thư viện địa phương hóa như i18n-js và next-intl cùng với các công cụ quản lý như Crowdin sẽ đơn giản hóa quá trình này.

Chúng tôi cung cấp hỗ trợ đầy đủ cho các khu vực locale sau:

Nếu bạn muốn thấy hỗ trợ cho một ngôn ngữ khác, vui lòng mở một Thảo luận GitHub và chúng tôi sẽ làm việc để hỗ trợ nó sớm nhất có thể.