การแปลภาษา

การแปลภาษา

การปรับแต่งภาษาของ dApp ของคุณด้วยการแปลที่มีอยู่แล้ว

โดยปกติ RainbowKit รองรับภาษาสำหรับผู้ใช้ภาษาอังกฤษ en-US locale.

หากสามารถใช้งานได้ RainbowKit จะตรวจสอบ ภาษาที่ผู้ใช้ต้องการ และเลือกการแปลที่เหมาะสม. นักพัฒนาสามารถแทนที่ภาษาเริ่มต้นได้เสมอ.

เพื่อระบุภาษาสำหรับผู้ใช้ของคุณ แค่เพิ่ม locale="zh-CN" เป็น prop ใน RainbowKitProvider ของคุณ

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

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

ระบบสนับสนุนการแปลภาษาของ RainbowKit ทำงานได้ดีขึ้นร่วมกับ การกำหนดเส้นทางย่อย.

ตั้งค่าโครงการ Next.js ของคุณเหมือนตัวอย่างด้านล่างเพื่อเพิ่มเส้นทางย่อย /locale/ ที่ไม่จำเป็นในเส้นทางของคุณ ซึ่งจะช่วยเครื่องมือค้นหาและผู้ใช้ค้นพบการสนับสนุนหลากภาษาของคุณได้ดีขึ้น.

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

จากนั้นส่ง locale ที่ได้รับจาก Pages Router ไปยัง 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>
  )
};

คุณสามารถอ้างอิงตัวอย่างเกี่ยวกับ Pages Router here.

App Router ยังไม่สนับสนุน i18n. อ้างอิงตัวอย่างแยกของเรา here สำหรับทฤษฎีที่ดีที่สุดในการใช้งานกับ next-intl middleware.

แนะนำให้คุณใช้เทคนิคเดียวกันในการแปลเนื้อหา dApp ของคุณเพื่อให้รับการสนับสนุนด้านการพากย์เต็มรูปแบบ ไลบรารีการเข้าถึงเช่น i18n-js และ next-intl รวมถึงเครื่องมือจัดการเช่น Crowdin จะทำให้กระบวนการนี้ง่ายขึ้น แนะนำให้คุณใช้เทคนิคเดียวกันในการแปลเนื้อหา dApp ของคุณเพื่อให้รับการสนับสนุนด้านการพากย์เต็มรูปแบบ ไลบรารีการเข้าถึงเช่น i18n-js และ next-intl รวมถึงเครื่องมือจัดการเช่น Crowdin จะทำให้กระบวนการนี้ง่ายขึ้น

เราได้รับการสนับสนุนเต็มรูปแบบสำหรับ locale เขตต่อไปนี้:

ถ้าคุณต้องการที่จะเห็นการสนับสนุนสำหรับภาษาเพิ่มเติม, กรุณาเปิด GitHub Discussion และเราจะทำการสนับสนุนมันโดยเร็วที่สุด