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

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

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

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

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

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

Инсталирајте го пакетот 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 клучот во клиентскaта продукциска средина.

Подесување на 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 клуч и потенцијално да го оптовари вашиот преводен проект со непотребни текстови.

Бидете сигурни да ги погледнете целосните примери на нашиот GitHub профил. Ако наидете на било какви проблеми, слободно контактирајте не, и ќе ни биде драго да помогнеме.

TacoTranslate ви овозможува автоматско локализирање на вашите React апликации брзо на и од секој јазик. Преведувајте бесплатно!

Продукт од Nattskiftet