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 kuwaen
kwa Kiingereza.TACOTRANSLATE_ORIGIN
: "Folda" ambapo mistari yako itahifadhiwa, kama vile URL ya tovuti yako. Soma zaidi kuhusu asili hapa.
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!