Y datrysiad gorau ar gyfer rhyngwladoli (i18n) mewn apiau React

Ydych chi'n chwilio am ehangu eich cais React i farchnadoedd newydd? Mae TacoTranslate yn gwneud tisgaru eich apiau React yn hynod o hawdd, gan eich galluogi i gyrraedd cynulleidfa fyd-eang heb y drafferth.

Pam dewis TacoTranslate ar gyfer React?

Cydlyniad Di-dor: Wedi’i gynllunio’n benodol ar gyfer ceisiadau React, mae TacoTranslate yn integreiddio’n rhwydd i’ch llif gwaith presennol.
Casgliad Llinynnau Awtomatig: Dim mwy o reoli ffeiliau JSON â llaw. Mae TacoTranslate yn casglu llinynnau o’ch cod yn awtomatig.
Cyfieithiadau sy’n Defnyddio AI: Defnyddiwch bŵer AI i ddarparu cyfieithiadau manwl gywir sy’n addas i gyfeiriad eich ceisiad.
Cefnogaeth Iaith Instant: Ychwanegwch gefnogaeth ar gyfer ieithoedd newydd gyda dim ond clic, gan wneud eich cais yn hygyrch yn fyd-eang.

Sut mae'n gweithio

Gosodwch y pecyn TacoTranslate trwy npm:

npm install tacotranslate

Pan fyddwch chi wedi gosod y modiwl, bydd angen i chi greu cyfrif TacoTranslate, prosiect cyfieithu, a allweddau API cysylltiedig. Creu cyfrif yma. Mae’n rhad ac am ddim, ac nid yw’n gofyn i chi ychwanegu cerdyn credyd.

Within the TacoTranslate application UI, create a project, and navigate to its API keys tab. Create one read key, and one read/write key. We’ll save them as environment variables. The read key is what we call public and the read/write key is secret. For example, you could add them to a .env file in the root of your project.

Bydd hefyd angen ichi ychwanegu dau newidyn amgylchedd yn ychwanegol: TACOTRANSLATE_DEFAULT_LOCALE a TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: Y cod lleol diofyn wrth gefn. Yn yr enghraifft hon, byddwn yn ei osod i en ar gyfer Saesneg.
TACOTRANSLATE_ORIGIN: Y “ffolder” lle bydd eich llinynnau yn cael eu storio, megis URL eich gwefan. Darllenwch fwy am wreiddiau yma.

.env

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

Gwnewch yn siŵr byth i ddarlledu’r allwedd API gyfrinachol read/write i amgylcheddau cynhyrchu ochr cleient.

Sefydlu TacoTranslate

Cychwynwch TacoTranslate yn eich cais React trwy lapio eich cais yn y darparwr cyd-destun 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>
	);
}

Gallwch nawr ddefnyddio'r cydran Translate ym mhob man o fewn eich cais i ddangos testun wedi’i gyfieithu! Sicrhewch eich bod yn edrych ar ein dogfennaeth am ragor o wybodaeth, ac am ganllawiau gweithredu sy’n benodol i’ch trefniant.

import {Translate} from 'tacotranslate/react';

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

Manteision defnyddio TacoTranslate

Arbed amser: Awtomeiddio’r broses ddiflas o leoleiddio a chasglu llinynnau, gan arbed amser gwerthfawr i chi.
Cynaliadwy o ran cost: Lleihau’r angen am gyfieithiadau llaw, gan ostwng eich costau lleol.
Gwell cywirdeb: Mae cyfieithiadau a yrrir gan AI yn sicrhau canlyniadau cywir yn y cyd-destun ac o ansawdd uchel.
Ateb sy’n gallu cynyddu: Ychwanegu cefnogaeth ar gyfer ieithoedd newydd yn hawdd wrth i’ch cais a’ch sylfaen cwsmeriaid dyfu.

Dechreuwch heddiw!

Bydd eich cais React yn cael ei gyfieithu’n awtomatig pan fyddwch yn ychwanegu unrhyw llinynnau i gydran Translate. Nodwch mai dim ond amgylcheddau gyda thrwyddedau read/write ar y allwedd API fydd yn gallu creu llinynnau newydd i’w cyfieithu.

Rydym yn argymell cael amgylchedd stages gaeedig a diogel lle gallwch brofi eich cais cynhyrchu, gan ychwanegu llinynnau newydd cyn mynd yn fyw. Bydd hyn yn atal unrhyw un rhag dwyn eich allwedd API gyfrinachol, a allai arwain at lwytho eich prosiect cyfieithu trwy ychwanegu llinynnau amhriodol.

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!