An réiteach is fearr le haghaidh idirnáisiúnú (i18n) i bhfeidhmchláir React

Conas a oibríonn sé

Suiteáil an pacáiste TacoTranslate trí npm:

npm install tacotranslate

Nuair a bheidh an modúl suiteáilte agat, beidh ort cuntas TacoTranslate, tionscadal aistriúcháin agus eochracha API gaolmhara a chruthú. Cruthaigh cuntas anseo. Tá sé saor in aisce, agus níl ort cárta creidmheasa a chur leis.

Laistigh den UI an aip TacoTranslate, cruthaigh tionscadal agus téigh go dtí an táb Eochracha API. Cruthaigh eochair amháin read, agus eochair amháin read/write. Sábhálfaimid iad mar athróga comhshaoil. Is í an eochair read an ceann a thugaimid public, agus is í an eochair read/write an ceann a thugaimid secret. Mar shampla, d’fhéadfá iad a chur i gcomhad .env i bhfréamh an tionscadail.

Beidh ort freisin dhá athróga timpeallachta eile a chur leis: TACOTRANSLATE_DEFAULT_LOCALE agus TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: An cód réigiún cúltaca réamhshocraithe. Sa sampla seo, socróimid é ar en don Bhéarla.
• TACOTRANSLATE_ORIGIN: An “fillteán” ina stórfar do théacsanna, mar shampla URL do shuíomh Gréasáin. Léigh tuilleadh faoi bhunfhoinsí anseo.

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

Déan cinnte gan riamh an eochair API rúnda read/write a sceitheadh chuig timpeallachtaí táirgeachta ar thaobh an chliaint.

Ag socrú TacoTranslate

Tosaigh TacoTranslate i do fheidhmchlár React trí do fheidhmchlár a thimpeall ar sholáthraí comhthéacs 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>
	);
}

Is féidir leat anois an comhpháirt Translate a úsáid áit ar bith laistigh de do fheidhmchlár chun téacs aistrithe a thaispeáint! Bí cinnte ár ndoiciméadú a sheiceáil le haghaidh tuilleadh eolais agus le haghaidh treoracha cur i bhfeidhm atá sonrach do do shocruithe.

import {Translate} from 'tacotranslate/react';

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

Buntáistí a bhaineann le húsáid TacoTranslate

• Sábháil ama: Uathoibríonn sé an próiseas leadránach a bhaineann le háitiúchán agus le bailiú téacsanna, ag sábháil am luachmhar duit.
• Éifeachtach ó thaobh costais: Laghdaíonn sé an gá le haistriúcháin láimhe, ag laghdú do chostais áitiúcháin.
• Cruinneas feabhsaithe: Aistriúcháin atá cumhachtaithe ag AI a chinntíonn torthaí atá cruinn ó thaobh comhthéacs de agus ar ardchaighdeán.
• Réiteach scálaithe: Cuir tacaíocht do theangacha nua leis go héasca de réir mar a fhásann do fheidhmchlár agus do bhonn custaiméirí.

Tosaigh inniu!

Beidh do fheidhmchlár React aistrithe go huathoibríoch nuair a chuireann tú aon sreanganna i gcomhpháirt Translate. Tabhair faoi deara nach mbeidh ach timpeallachtaí a bhfuil ceadanna read/write ar an eochair API in ann sreanganna nua a chruthú le haistriú.

Molaimid go mbeadh timpeallacht stáideála dúnta agus slán agat ina bhféadfá do fheidhmchlár táirgeachta a thástáil, ag cur sreanganna nua leis sula dtéann tú beo. Cuirfidh sé seo cosc ar dhuine ar bith do eochair API rúnda a ghoid, agus d’fhéadfadh sé do thionscadal aistriúcháin a líonadh go hiomarcach trí shreanganna neamhrialta a chur leis.

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!