TacoTranslate
/
NyarakaBei
 
Makala
04 Mei

Suluhisho bora zaidi kwa uhamishaji lugha (i18n) katika programu za React

Je, unatafuta kupanua programu yako ya React kwenye masoko mapya? TacoTranslate inafanya iwe rahisi sana kuweka lugha katika programu zako za React, ikikuruhusu kufikia hadhira ya kimataifa bila usumbufu.

Kwa nini uchague TacoTranslate kwa React?

  • Muunganisho Usio na Kichwa: Imebuniwa mahsusi kwa ajili ya programu za React, TacoTranslate inaunganishwa kwa urahisi na mtiririko wako wa kazi uliopo.
  • Ukusanyaji wa Msururu wa Nambari Moja kwa Moja: Hakuna tena kusimamia faili za JSON kwa mkono. TacoTranslate hukusanya misururu moja kwa moja kutoka kwenye msimbo wako.
  • Tafsiri Zinazotumia AI: Tumia nguvu ya AI kutoa tafsiri zinazokidhi muktadha na zinazofaa kwa mtindo wa programu yako.
  • Msaada wa Lugha Mara Moja: Ongeza msaada kwa lugha mpya kwa bonyeza tu, na kufanya programu yako ipatikane duniani kote.

Jinsi inavyofanya kazi

Sakinisha kifurushi cha TacoTranslate kupitia npm:

npm install tacotranslate

Wakati umeweka moduli, utahitaji kuunda akaunti ya TacoTranslate, mradi wa tafsiri, na funguo za API zinazohusiana. Unda akaunti hapa. Ni bure, na habitaji uongeze kadi ya mkopo.

Ndani ya kiolesura cha programu cha TacoTranslate, tengeneza mradi, na nenda kwenye kichupo cha funguo za API. Tengeneza funguo moja read, na funguo moja read/write. Tutazihifadhi kama mabadiliko ya mazingira. Funguo ya read ndiyo tunayoita public na funguo ya read/write ni secret. Kwa mfano, unaweza kuziweka kwenye faili ya .env katika mzizi wa mradi wako.

Pia utahitaji kuongeza mabadiliko ya mazingira mawili zaidi: TACOTRANSLATE_DEFAULT_LOCALE na TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: Msimbo wa kieneo cha chaguo-msingi cha kurudi nyuma. Katika mfano huu, tutaweka kuwa en kwa Kiingereza.
  • TACOTRANSLATE_ORIGIN: "Folda" ambapo mistari yako itahifadhiwa, kama vile URL ya tovuti yako. Soma zaidi kuhusu asili hapa.
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

Hakikisha hauwezi kabisa kuvuja siri ya funguo ya API ya read/write kwa mazingira ya uzalishaji wa upande wa mteja.

Kuweka TacoTranslate

Anzisha TacoTranslate katika programu yako ya React kwa kuzungusha programu yako ndani ya mtoa huduma wa muktadha wa 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>
	);
}

Sasa unaweza kutumia sehemu ya Translate mahali popote ndani ya programu yako kuonyesha maandishi yaliyotafsiriwa! Hakikisha kuangalia nyaraka zetu kwa taarifa zaidi, na kwa mwongozo wa utekelezaji maalum kwa usanidi wako.

import {Translate} from 'tacotranslate/react';

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

Manufaa ya kutumia TacoTranslate

  • Kuokoa wakati: Inafanya kazi moja kwa moja mchakato wa kuchukua na kukusanya misimbo ya lugha, ikikuokoa wakati muhimu.
  • Gharama nafuu: Inapunguza haja ya tafsiri za mikono, hivyo kupunguza gharama zako za utafsiri.
  • Usahihi ulioboreshwa: Tafsiri zinazotumiwa na AI huhakikisha matokeo sahihi na yenye ubora wa hali ya juu kwa muktadha.
  • Suluhisho linaloweza kupanuka: Ongeza kwa urahisi msaada kwa lugha mpya kadri programu yako na wateja wanavyoongezeka.

Anza leo!

Programu yako ya React itatafsiriwa moja kwa moja wakati utaongeza mfululizo wowote wa maneno kwenye sehemu ya Translate. Kumbuka kwamba ni mazingira yenye ruhusa za read/write kwenye funguo la API ndiyo yatakuwa na uwezo wa kuunda mfululizo mpya wa maneno ya kutafsiriwa.

Tunapendekeza kuwa na mazingira ya kujaribu yaliyofungwa na salama ambapo unaweza kupima programu yako ya uzalishaji, ukiongeza misururu mipya kabla ya kuanza kuifanyia kazi hadhira. Hii itazuia mtu yeyote kuiba funguo yako ya siri ya API, na uwezekano wa kuongezeka kwa mradi wako wa tafsiri kwa kuongeza mfululizo zisizoidhinishwa.

Hakikisha kuangalia mifano kamili kwenye wasifu wetu wa GitHub. Ikiwa utakutana na matatizo yoyote, jisikie huru kuwasiliana na sisi, na tutafurahi sana kusaidia.

TacoTranslate inakuwezesha kuweka lugha za maombi yako ya React moja kwa moja kwa haraka kwenda na kutoka lugha yoyote. Tafsiri bure!

Bidhaa kutoka Nattskiftet