TacoTranslate
/
SkjölVerð
 
Grein
04. maí

Besta lausnin fyrir alþjóðavæðingu (i18n) í React-forritum

Ertu að leita að því að færa React-forritið þitt á nýja markaði? TacoTranslate gerir það einstaklega auðvelt að staðfæra React-forritin þín, svo þú getir náð til alþjóðlegs markhóps án mikillar fyrirhafnar.

Af hverju velja TacoTranslate fyrir React?

  • Samfelld samþætting: Hönnuð sérstaklega fyrir React-forrit, TacoTranslate samþættist auðveldlega inn í 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óðagrunninum þínum.
  • Gervigreindardrifnar þýðingar: Nýttu kraft gervigreindar til að fá samhengi- og tónréttar þýðingar sem henta stíl forritsins þíns.
  • Strax tungumálastuðningur: Bættu við stuðningi fyrir ný tungumál með einum smelli, þannig verður forritið þitt aðgengilegt um allan heim.

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 tengda API-lykla. Búðu til reikning hér. Það er ókeypis, og þú þarft ekki að slá inn kreditkortanúmer.

Í notendaviðmóti TacoTranslate búðu til verkefni og farðu í 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 við .env skrá í rót verkefnisins.

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

  • TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn staðbundinn kóði sem notaður er sem varakóði. Í þessu dæmi stillum við hann á en fyrir ensku.
  • TACOTRANSLATE_ORIGIN: „mappa“ þar sem textastrengir þínir verða vistaðir, til dæmis slóð (URL) vefsíðunnar þinnar. Lestu nánar 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

Gakktu úr skugga um að hinn leynilegi read/write API-lykill sé aldrei lekið í framleiðsluumhverfi á klientsíðu.

Uppsetning TacoTranslate

Innleiððu TacoTranslate í React-forritinu þínu með því að umlykja forritið þitt með TacoTranslate-samhengisveitanda:

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 íhlutann hvar sem er innan forritsins þíns til að birta þýddan texta! Skoðaðu skjöl okkar fyrir frekari upplýsingar og leiðbeiningar um útfærslu 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 það leiðinlega ferli sem felst í staðfærslu og söfnun strengja, sem sparar þér dýrmætan tíma.
  • Hagkvæmt: Dregur úr þörf á handvirkum þýðingum og lækkar kostnað við staðfærslu.
  • Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja réttar þýðingar í samhengi og vandaðar niðurstöður.
  • Skalanleg lausn: Auðvelt er að bæta við stuðningi fyrir ný tungumál eftir því sem forritið þitt og viðskiptavinahópurinn stækka.

Byrjaðu í dag!

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

Við mælum með að hafa lokað og öruggt staging-umhverfi þ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 útvíkki þýðingarverkefnið þitt með því að bæta við óæ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!

Vara frá NattskiftetGerð í Noregi