Penyelesaian terbaik untuk pengantarabangsaan (i18n) dalam aplikasi React
Adakah anda ingin mengembangkan aplikasi React anda ke pasaran baharu? TacoTranslate menjadikan penyetempatan aplikasi React anda amat mudah, membolehkan anda mencapai audiens global tanpa sebarang kerumitan.
Mengapa memilih TacoTranslate untuk React?
- Integrasi Lancar: Direka khusus untuk aplikasi React, TacoTranslate berintegrasi dengan mudah ke dalam aliran kerja sedia ada anda.
- Pengumpulan Rentetan Automatik: Tidak perlu lagi mengurus fail JSON secara manual. TacoTranslate secara automatik mengumpulkan rentetan dari pangkalan kod anda.
- Terjemahan Dikuasakan AI: Manfaatkan kuasa AI untuk menyediakan terjemahan yang tepat dari segi konteks dan sesuai dengan nada aplikasi anda.
- Sokongan Bahasa Segera: Tambah sokongan untuk bahasa baru hanya dengan satu klik, menjadikan aplikasi anda boleh diakses di peringkat global.
Bagaimana ia berfungsi
Pasang pakej TacoTranslate melalui npm:
npm install tacotranslate
Setelah anda memasang modul, anda perlu membuat akaun TacoTranslate, sebuah projek terjemahan, dan kunci API yang berkaitan. Cipta akaun di sini. Ia percuma, dan tidak memerlukan anda menambah kad kredit.
Dalam UI aplikasi TacoTranslate, buat satu projek, dan pergi ke tab kekunci API. Buat satu kekunci read
dan satu kekunci read/write
. Kami akan menyimpannya sebagai pembolehubah persekitaran. Kekunci read
ialah apa yang kami panggil public
, dan kekunci read/write
ialah secret
. Sebagai contoh, anda boleh menambahkannya ke fail .env
di akar projek anda.
Anda juga perlu menambah dua lagi pembolehubah persekitaran: TACOTRANSLATE_DEFAULT_LOCALE
dan TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: Kod lokal sandaran lalai. Dalam contoh ini, kami akan menetapkannya kepadaen
untuk Bahasa Inggeris.TACOTRANSLATE_ORIGIN
: “folder” di mana rentetan anda akan disimpan, seperti URL laman web anda. Baca lebih lanjut mengenai origins di sini.
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com
Pastikan anda tidak pernah membocorkan kunci API rahsia read/write
ke persekitaran produksi sisi klien.
Menyiapkan TacoTranslate
Inisialisasikan TacoTranslate dalam aplikasi React anda dengan membungkusnya menggunakan penyedia konteks TacoTranslate:
import React, {useState} from 'react';
import TacoTranslate, {Translate} from 'tacotranslate/react';
const tacoTranslate = createTacoTranslateClient({
apiKey: 'YOUR_API_KEY',
});
export default function App() {
const [locale, setLocale] = useState('en');
return (
<TacoTranslate client={tacoTranslate} locale={locale}>
<Translate string="Hello, world!"/>
</TacoTranslate>
);
}
Anda kini boleh menggunakan komponen Translate
di mana-mana dalam aplikasi anda untuk memaparkan teks yang diterjemahkan! Pastikan untuk menyemak dokumentasi kami untuk maklumat lanjut, dan untuk panduan pelaksanaan khusus untuk tetapan anda.
import {Translate} from 'tacotranslate/react';
export default async function Component() {
return (
<Translate string="Hello? This is TacoTranslate speaking." />
);
}
Manfaat Menggunakan TacoTranslate
- Penjimatan masa: Mengautomasikan proses pelokalan yang membosankan dan pengumpulan rentetan teks, menjimatkan masa berharga anda.
- Mesra kos: Mengurangkan keperluan untuk terjemahan manual, seterusnya menurunkan kos pelokalan anda.
- Ketepatan yang lebih baik: Terjemahan bertenaga AI memastikan hasil yang tepat mengikut konteks dan berkualiti tinggi.
- Penyelesaian yang boleh diskalakan: Tambah sokongan untuk bahasa baharu dengan mudah apabila aplikasi dan pangkalan pelanggan anda berkembang.
Mulakan hari ini!
Aplikasi React anda akan diterjemahkan secara automatik apabila anda menambah sebarang rentetan ke komponen Translate
. Perhatikan bahawa hanya persekitaran yang mempunyai kebenaran read/write
pada kunci API yang akan dapat mencipta rentetan baru untuk diterjemahkan.
Kami mengesyorkan mempunyai persekitaran staging yang tertutup dan selamat di mana anda boleh menguji aplikasi produksi anda, menambah rentetan baru sebelum dilancarkan. Ini akan menghalang sesiapa sesiapa daripada mencuri kunci API rahsia anda, dan berpotensi membengkakkan projek terjemahan anda dengan menambah rentetan tidak sah.
Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.
TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!