Lleoleiddio heb ymdrech ar gyfer cymwysiadau React

Sut mae'n gweithio

Gosodwch y pecyn TacoTranslate gan ddefnyddio npm:

npm install tacotranslate

Unwaith y byddwch wedi gosod y modiwl, bydd angen i chi greu cyfrif TacoTranslate, prosiect cyfieithu, a allweddi API cysylltiedig. Creu cyfrif yma. Mae'n rhad ac am ddim, ac nid oes angen i chi ychwanegu cerdyn credyd.

Yn rhyngwyneb y cymhwysiad TacoTranslate, gallwch greu prosiect a llywio at dab allweddi'r API. Creuwch un read allwedd a un read/write allwedd. Byddwn yn eu cadw fel newidynnau amgylcheddol. Y allwedd read yw'r hyn a elwir gennym yn public, ac mae'r allwedd read/write yn secret. Er enghraifft, gallech eu hychwanegu at ffeil .env yn safle gwraidd eich prosiect.

Bydd angen i chi hefyd ychwanegu dau newidyn amgylcheddol arall: TACOTRANSLATE_DEFAULT_LOCALE a TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Y cod lleoliad diofyn (wrth gefn). Yn yr enghraifft hon, byddwn yn ei osod i en ar gyfer Saesneg.
• TACOTRANSLATE_ORIGIN: Yr 'ffolder' lle bydd eich llinynnau yn cael eu storio, megis URL eich gwefan. Darllenwch ragor am darddiadau yma.

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

Gwnewch yn siŵr na fyddwch byth yn datgelu'r allwedd API cyfrinachol read/write i amgylcheddau cynhyrchu ochr y cleient.

Sefydlu TacoTranslate

Cychwynnwch 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>
	);
}

Nawr gallwch ddefnyddio'r cydran Translate unrhywle o fewn eich cais i arddangos 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 cyfluniad.

import {Translate} from 'tacotranslate/react';

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

Manteision defnyddio TacoTranslate

• Arbed amser: Mae'n awtomeiddio'r broses ddiflas o leoleiddio a chasglu testunau, gan arbed amser gwerthfawr i chi.
• Economaidd: Mae'n lleihau'r angen am gyfieithiadau â llaw, gan gostwng costau lleoleiddio.
• Cywirdeb gwell: Mae cyfieithiadau a gynhyrchir gan AI yn sicrhau canlyniadau cywir o ran cyd-destun ac o ansawdd uchel.
• Datrysiad raddadwy: Yn hawdd ychwanegu cefnogaeth ar gyfer ieithoedd newydd wrth i'ch cais a'ch sylfaen cwsmeriaid dyfu.

Dechreuwch heddiw!

Bydd eich cais React yn cael ei gyfieithu yn awtomatig pan fyddwch yn ychwanegu unrhyw llinynnau i gydran Translate. Sylwch mai dim ond amgylcheddau sydd â chaniatâd read/write ar yr allwedd API fydd yn gallu creu llinynnau newydd i’w gyfieithu.

Rydym yn argymell cael amgylchedd stagio caeedig a diogel lle gallwch brofi eich cais cynhyrchu, gan ychwanegu llinynnau newydd cyn mynd yn fyw. Bydd hyn yn atal rhywun rhywun rhag dwyn eich allwedd API gyfrinachol, ac efallai hefyd rhag chwyddo maint eich prosiect cyfieithu drwy ychwanegu llinynnau ffug.

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!