Auðveld staðfærsla fyrir React-forrit

Viltu ná með React-forritið þitt á nýja markaði? TacoTranslate gerir það ótrúlega auðvelt að staðfæra React-forritin þín og gerir þér kleift að ná til alþjóðlegs markhóps án fyrirhafnar.

Af hverju velja TacoTranslate fyrir React?

Saumlaus samþætting: Hannað sérstaklega fyrir React-forrit, TacoTranslate samþættist auðveldlega við núverandi vinnuflæði þitt.
Sjálfvirk söfnun strengja: Ekki þarf lengur að stjórna JSON-skrám handvirkt. TacoTranslate safnar sjálfkrafa strengjum úr kóðasafni þínu.
Þýðingar knúnar af gervigreind: Nýttu kraft gervigreindar til að bjóða upp á samhengi-nákvæmar þýðingar sem passa við tón forritsins þíns.
Strax tungumálastuðningur: Bættu við stuðningi við ný tungumál með einum smelli og gerðu forritið þitt aðgengilegt á heimsvísu.

Hvernig það virkar

Settu upp TacoTranslate-pakkann með npm:

npm install tacotranslate

Þegar þú hefur sett upp módúlinn, þarftu að búa til TacoTranslate-reikning, þýðingarverkefni og tilheyrandi API-lykla. Stofnaðu reikning hér. Það er ókeypis og þú þarft ekki að slá inn kreditkortaupplýsingar.

Í notendaviðmótinu í TacoTranslate-forritinu býrðu til verkefni og ferð á flipann fyrir API-lykla. Búðu til einn read lykil og einn read/write lykil. Við munum vista þá sem umhverfisbreytur. read lykillinn er það sem við köllum public og read/write lykillinn er secret. Til dæmis gætirðu bætt þeim í .env skrá í rót verkefnisins þíns.

Þú þarft einnig að bæta við tveimur fleiri umhverfisbreytum: TACOTRANSLATE_DEFAULT_LOCALE og TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn fallback 'locale'-kóði. Í þessu dæmi stillum við hann á en fyrir ensku.
TACOTRANSLATE_ORIGIN: „mappan“ þar sem strengirnir þínir verða geymdir, til dæmis URL-ið á vefsíðunni þinni. Lestu meira um uppruna hér.

.env

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

Tryggðu að þú lekir aldrei leynilegan read/write API-lykil í framleiðsluumhverfi á klientsíðu.

Uppsetning TacoTranslate

Frumstilltu TacoTranslate í React-forritinu þínu með því að vefja forritið þitt inn í TacoTranslate-samhengisveituna:

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

Þú getur nú notað Translate íhlutinn hvar sem er í forritinu þínu til að birta þýddan texta! Vertu viss um að skoða skjöl okkar fyrir frekari upplýsingar og leiðbeiningar um innleiðingu sem eru sérsniðnar að uppsetningu þinni.

import {Translate} from 'tacotranslate/react';

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

Kostir við að nota TacoTranslate

Sparar tíma: Sjálfvirknar leiðinlegt ferli staðfærslu og söfnunar textastrengja, sem sparar þér dýrmættan tíma.
Kostnaðarsparandi: Dregur úr þörf fyrir handvirkar þýðingar og lækkar kostnað við staðfærslu.
Bætt nákvæmni: Þýðingar knúnar gervigreind tryggja samhengislega nákvæmar og vandaðar niðurstöður.
Skalanleg lausn: Auðveldlega bæta við stuðningi fyrir ný tungumál eftir því sem forritið og viðskiptavinahópurinn stækka.

Byrjaðu í dag!

React-forritið þitt verður þýtt sjálfkrafa þegar þú bætir strengjum í Translate íhlut. Athugaðu að aðeins umhverfi með read/write heimildir á API-lykli munu geta búið til nýja strengi til þýðingar.

Við mælum með að hafa lokað og öruggt prófunarumhverfi (staging) þar sem þú getur prófað framleiðsluforritið þitt og bætt við nýjum strengjum áður en farið er í loftið. Þetta kemur í veg fyrir að einhver steli leynilegum API-lykli þínum og mögulega fylli þýðingarverkefnið þitt með óæskilegum strengjum.

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!