Pempelbagaian mudah untuk aplikasi React

Bagaimana ia berfungsi

Pasang pakej TacoTranslate melalui npm:

npm install tacotranslate

Apabila modul telah dipasang, anda perlu membuat akaun TacoTranslate, sebuah projek terjemahan, dan kunci API yang berkaitan. Buat akaun di sini. Ia percuma, dan tidak memerlukan anda menambah kad kredit.

Dalam antara muka aplikasi TacoTranslate, buat satu projek, dan navigasi ke tab kekunci API-nya. Buat satu kekunci read dan satu kekunci read/write. Kami akan menyimpannya sebagai pembolehubah persekitaran. Kekunci read adalah apa yang kami panggil public dan kekunci read/write adalah secret. Sebagai contoh, anda boleh menambahkannya ke dalam fail .env di akar projek anda.

Anda juga perlu menambah dua pembolehubah persekitaran lagi: TACOTRANSLATE_DEFAULT_LOCALE dan TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Kod lokal lalai untuk fallback. Dalam contoh ini, kami akan menetapkannya kepada en untuk Bahasa Inggeris.
• TACOTRANSLATE_ORIGIN: “Folder” di mana rentetan anda akan disimpan, seperti URL laman web anda. Baca lebih lanjut tentang asal usul 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 kepada persekitaran produksi sisi klien.

Menyediakan TacoTranslate

Mulakan TacoTranslate dalam aplikasi React anda dengan membungkus aplikasi anda dalam 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 sahaja dalam aplikasi anda untuk memaparkan teks yang diterjemah! Pastikan untuk melihat dokumentasi kami untuk maklumat lanjut, dan untuk panduan pelaksanaan khusus bagi 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: Mengautomatikkan proses penyerasian dan pengumpulan string yang membosankan, menjimatkan masa berharga anda.
• Kos efektif: Mengurangkan keperluan untuk terjemahan manual, menurunkan kos penyerasian anda.
• Ketepatan yang dipertingkatkan: Terjemahan berkuasa AI memastikan hasil yang tepat dari segi konteks dan berkualiti tinggi.
• Penyelesaian boleh dikembangkan: Mudah menambah sokongan untuk bahasa baru seiring dengan pertumbuhan aplikasi dan pangkalan pelanggan anda.

Mulakan hari ini!

Aplikasi React anda akan diterjemahkan secara automatik apabila anda menambah sebarang rentetan pada komponen Translate. Perlu diingat bahawa hanya persekitaran dengan 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 sahaja daripada mencuri kunci API rahsia anda, dan berpotensi membengkakkan projek terjemahan anda dengan menambah rentetan yang tidak sah.

Pastikan anda melihat contoh lengkap di profil GitHub kami. Jika anda menghadapi apa-apa masalah, jangan ragu untuk menghubungi kami, dan kami akan dengan senang hati membantu.

TacoTranslate membolehkan anda melokalkan aplikasi React anda secara automatik dengan cepat ke dan dari mana-mana bahasa. Terjemah secara percuma!