React uygulamaları için zahmetsiz yerelleştirme

Nasıl çalışır

TacoTranslate paketini npm ile kurun:

npm install tacotranslate

Modülü kurduğunuzda, bir TacoTranslate hesabı, bir çeviri projesi ve ilgili API anahtarlarını oluşturmanız gerekecek. Buradan bir hesap oluşturun. Ücretsizdir ve kredi kartı eklemenizi gerektirmez.

TacoTranslate uygulama arayüzünde bir proje oluşturun ve API anahtarları sekmesine gidin. Bir tane read anahtar ve bir tane read/write anahtar oluşturun. Bunları ortam değişkenleri olarak kaydedeceğiz. read anahtarına public diyoruz ve read/write anahtarına secret diyoruz. Örneğin, bunları projenizin kök dizininde bulunan .env dosyasına ekleyebilirsiniz.

Ayrıca iki tane daha ortam değişkeni eklemeniz gerekecek: TACOTRANSLATE_DEFAULT_LOCALE ve TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Varsayılan yedek dil kodu. Bu örnekte, İngilizce için en olarak ayarlayacağız.
• TACOTRANSLATE_ORIGIN: Dizelerinizin saklanacağı “klasör”, örneğin web sitenizin URL’si. Kökenler hakkında daha fazlasını buradan okuyun.

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

Gizli read/write API anahtarını asla istemci tarafı üretim ortamlarına sızdırmadığınızdan emin olun.

TacoTranslate Kurulumu

React uygulamanızda TacoTranslate'i başlatmak için uygulamanızı TacoTranslate context sağlayıcısı ile sarın:

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>
	);
}

Artık uygulamanızın herhangi bir yerinde Translate bileşenini kullanarak çevrilmiş metinleri görüntüleyebilirsiniz! Daha fazla bilgi ve kurulumunuza özel uygulama rehberleri için belgelerimizi mutlaka inceleyin.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

TacoTranslate Kullanmanın Faydaları

• Zaman tasarrufu: Lokalizasyon ve string toplama işlemlerini otomatikleştirerek değerli zamanınızı kurtarır.
• Maliyet etkin: Manuel çeviri ihtiyacını azaltarak lokalizasyon maliyetlerinizi düşürür.
• Geliştirilmiş doğruluk: Yapay zeka destekli çeviriler, bağlama uygun ve yüksek kaliteli sonuçlar sağlar.
• Ölçeklenebilir Çözüm: Uygulamanız ve müşteri tabanınız büyüdükçe yeni diller için kolayca destek ekleyin.

Bugün başlayın!

React uygulamanız, Translate bileşenine herhangi bir metin eklediğinizde otomatik olarak çevrilecektir. API anahtarında yalnızca read/write izinlerine sahip ortamların çevrilecek yeni metinler oluşturabileceğini unutmayın.

Canlıya geçmeden önce yeni metinler ekleyerek üretim uygulamanızı test edebileceğiniz kapalı ve güvenli bir staging ortamına sahip olmanızı öneririz. Bu, gizli API anahtarınızın çalınmasını önleyecek ve kötü niyetli metinler eklenerek çeviri projenizin şişmesini engelleyecektir.

Kesinlikle GitHub profilimizdeki tam örneklere göz atın. Herhangi bir sorunla karşılaşırsanız, bize ulaşmaktan çekinmeyin, size yardımcı olmaktan memnuniyet duyarız.

TacoTranslate, React uygulamalarınızı herhangi bir dile hızlıca otomatik olarak yerelleştirmenizi sağlar. Ücretsiz çeviri yapın!