TacoTranslate
/
ДокументацијаЦени
 
Статија
04 мај

Локализација без напор за React апликации

Дали сакате да го проширите вашето React апликација на нови пазари? TacoTranslate го прави неверојатно лесно локализирањето на вашите React апликации, овозможувајќи ви да допрете до глобална публика без никакви проблеми.

Зошто да го изберете TacoTranslate за React?

  • Непрекината интеграција: Дизајнирана специјално за React апликации, TacoTranslate се интегрира без напор во вашиот постоечки работен тек.
  • Автоматско собирање низи: Не мора повеќе рачно да управувате со JSON фајлови. TacoTranslate автоматски собира низи од вашиот код.
  • Преводи поддржани од вештачка интелигенција: Искористете ја моќта на AI за да обезбедите контекстуално точни преводи кои одговараат на тонул на вашата апликација.
  • Моментална поддршка за јазици: Додајте поддршка за нови јазици со само еден клик, овозможувајќи вашата апликација да биде глобално достапна.

Како функционира

Инсталирајте го пакетот TacoTranslate преку npm:

npm install tacotranslate

Кога ќе го инсталирате модулот, ќе треба да креирате TacoTranslate кориснички профил, проект за превод и поврзани API клучеви. Креирајте профил тука. Бесплатно е и не бара додавање кредитна картичка.

Во корисничкиот интерфејс на апликацијата TacoTranslate, креирајте проект и отворете го табот за API клучеви. Креирајте еден read клуч и еден read/write клуч. Ќе ги зачуваме како променливи за средина. read клучот го нарекуваме public, а read/write клучот е secret. На пример, можете да ги додадете во .env фајлот во коренот на вашиот проект.

Ќе треба исто така да додадете уште две променливи на опкружувањето: TACOTRANSLATE_DEFAULT_LOCALE и TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Стандардниот код за локал што се користи како резервен. Во овој пример, ќе го поставиме на en за англиски.
  • TACOTRANSLATE_ORIGIN: „Папката“ каде што ќе се чуваат вашите стрингови, како URL-то на вашата веб-страница. Прочитајте повеќе за origins тука.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Секогаш внимавајте да не го откриете тајниот read/write API клуч во продукциските клиенти.

Поставување на TacoTranslate

Иницијализирајте го TacoTranslate во вашата React апликација со тоа што ќе ја обвиткате вашата апликација во доставувачот на контекстот 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>
	);
}

Сега можете да користите Translate компонентата било каде во вашата апликација за да прикажете преведен текст! Обавезно разгледајте ја нашата документација за повеќе информации и за водичи за имплементација специфични за вашата поставка.

import {Translate} from 'tacotranslate/react';

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

Придобивки од користењето на TacoTranslate

  • Заштеда на време: Автоматизира досадниот процес на локализација и собирање на низи, штедејќи ви вредно време.
  • Ефтина опција: Го намалува потребата од рачни преводи, со што ги намалува вашите трошоци за локализација.
  • Подобрена прецизност: Преводите со вештачка интелигенција обезбедуваат контекстуално точни и висококвалитетни резултати.
  • Скалирано решение: Лесно додавајте поддршка за нови јазици како што расте вашата апликација и бројот на корисници.

Започнете денес!

Вашата React апликација ќе биде автоматски преведена кога ќе додадете било кои текстови во Translate компонентата. Имајте на ум дека само средините со read/write дозволи на API клучот ќе можат да креираат нови текстови за превод.

Препорачуваме да имате затворена и обезбедена средина за тестирање каде што можете да ја тестирате вашата продукциска апликација, додавајќи нови текстови пред официјалното пуштање. Ова ќе спречи некој да ви го украде вашиот таен API клуч и потенцијално да го зголеми проектот за превод со несакани текстови.

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!

Производ од NattskiftetПроизведено во Норвешка