Pelesapan tanpa usaha untuk aplikasi React

Bagaimana ia berfungsi

Pasang pakej TacoTranslate melalui npm:

npm install tacotranslate

Apabila anda telah memasang modul, anda perlu mencipta akaun TacoTranslate, projek terjemahan, dan kunci API yang berkaitan. Cipta akaun di sini. Ia percuma, dan tidak memerlukan anda untuk menambah kad kredit.

Dalam antara muka pengguna aplikasi TacoTranslate, buat satu projek, dan navigasi ke tab kekunci API-nya. Cipta 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 lokasi lalai sekiranya gagal. Dalam contoh ini, kami akan tetapkannya kepada en untuk Bahasa Inggeris.
• TACOTRANSLATE_ORIGIN: "Folder" di mana rentetan anda akan disimpan, seperti URL laman web anda. Baca lebih lanjut tentang asal di sini.

TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Pastikan jangan sesekali mendedahkan kunci API rahsia read/write kepada persekitaran produksi sebelah klien.

Menyediakan TacoTranslate

Mulakan TacoTranslate dalam aplikasi React anda dengan membalut 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 dalam aplikasi anda untuk memaparkan teks yang diterjemah! Pastikan anda melihat dokumentasi kami untuk maklumat lebih lanjut, serta panduan pelaksanaan khusus untuk penyediaan 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 penyesuaian tempatan dan pengumpulan rentetan yang membosankan, menjimatkan masa berharga anda.
• Berbaloi dari segi kos: Mengurangkan keperluan terjemahan manual, menurunkan kos penyesuaian tempatan anda.
• Ketepatan yang dipertingkatkan: Terjemahan berkuasa AI memastikan hasil yang tepat dari segi konteks dan berkualiti tinggi.
• Penyelesaian yang boleh diskala: Mudah menambah sokongan untuk bahasa baru apabila aplikasi dan pangkalan pelanggan anda berkembang.

Mula hari ini!

Aplikasi React anda akan diterjemahkan secara automatik apabila anda menambah sebarang rentetan ke dalam komponen Translate. Perlu diingat bahawa hanya persekitaran yang mempunyai kebenaran read/write pada kekunci API yang akan dapat mencipta rentetan baru untuk diterjemahkan.

Kami mengesyorkan supaya mempunyai persekitaran laluan ujian yang tertutup dan selamat di mana anda boleh menguji aplikasi pengeluaran anda, menambah rentetan baru sebelum dilancarkan. Ini akan menghalang sesiapa daripada mencuri kekunci API rahsia anda, dan berkemungkinan membengkakkan projek terjemahan anda dengan menambah rentetan yang tidak sah.

Pastikan untuk melihat contoh lengkap di profil GitHub kami. Jika anda menghadapi sebarang masalah, jangan ragu untuk menghubungi kami, dan kami sangat gembira untuk membantu.

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