Áreynslulaus staðfærsla fyrir React-forrit

Viltu auka útbreiðslu React-forritsins þíns á nýja markaði? TacoTranslate gerir það ótrúlega einfalt 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?

Samfelld samþætting: Hönnuð sérstaklega fyrir React-forrit, TacoTranslate samþættist auðveldlega í núverandi vinnuflæði þitt.
Sjálfvirk söfnun textastrengja: Ekki þarf lengur að stjórna JSON-skrám handvirkt. TacoTranslate safnar sjálfkrafa textastrengjum úr kóðasafninu þínu.
Þýðingar knúnar af gervigreind: Nýtðu kraft gervigreindar til að bjóða upp á samhengislega nákvæmar þýðingar sem passa við tón umsóknar þinnar.
Strax tungumálastuðningur: Bættu við stuðningi fyrir ný tungumál með aðeins einum smelli, og gerðu 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 krefst ekki að þú gefir upp kreditkort.

Í notendaviðmóti TacoTranslate-forritsins skaltu búa til verkefni og fara í 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.

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

TACOTRANSLATE_DEFAULT_LOCALE: Sjálfgefinn fallbakamálakóði. Í þessu dæmi setjum við hann í en fyrir ensku.
TACOTRANSLATE_ORIGIN: „mappa“ þar sem strengirnir þínir verða geymdir, til dæmis vefslóð 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

Passaðu að leka aldrei hinum leynilega read/write API-lykli í framleiðsluumhverfi sem keyrir á viðskiptavinahlið.

Uppsetning TacoTranslate

Settu upp TacoTranslate í React-forritinu þínu með því að umlykja forritið þitt með TacoTranslate samhengisveitunni:

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úna notað Translate íhlutann hvar sem er í forritinu þínu til að sýna þýddan texta! Vertu viss um að skoða skjölunina okkar fyrir frekari upplýsingar og leiðbeiningar um innleiðingu sem henta 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ðinlega ferlið við staðfærslu og söfnun textastrengja, og sparar þér dýrmætan tíma.
Hagkvæmt: Minnkar þörfina fyrir handvirkar þýðingar, sem lækkar kostnað við staðfærslu.
Bætt nákvæmni: Þýðingar knúnar af gervigreind tryggja samhengisréttar og vandaðar niðurstöður.
Skalanleg lausn: Bættu auðveldlega við stuðningi fyrir ný mál þegar forritið og viðskiptavinahópurinn stækka.

Byrjaðu í dag!

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

Við mælum með að þú hafir lokað og öruggt staging-umhverfi þar sem þú getur prófað framleiðsluútgáfu forritsins 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!