Lleoleiddio heb ymdrech ar gyfer cymwysiadau React

Sut mae'n gweithio

Gosodwch y pecyn TacoTranslate trwy npm:

npm install tacotranslate

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

Yn UI'r cymhwysiad TacoTranslate, crewch brosiect a llywiwch at ei dab allweddi API. Crewch un allwedd read, a un arall read/write. Byddwn yn eu cadw fel newidynnau amgylcheddol. Mae'r allwedd read yn yr hyn a elwir yn public, a'r allwedd read/write yn secret. Er enghraifft, gallech eu hychwanegu at ffeil .env yng ngwraidd eich prosiect.

Bydd angen i chi hefyd ychwanegu dau newidyn amgylchedd ychwanegol: TACOTRANSLATE_DEFAULT_LOCALE a TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Y côd iaith diofyn wrth gefn. Yn yr enghraifft hon, byddwn yn ei osod i en ar gyfer Saesneg.
• TACOTRANSLATE_ORIGIN: Y “ffolder” lle bydd eich testunau 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 gyfrinachol read/write i amgylcheddau cynhyrchu ar ochr y cleient.

Sefydlu TacoTranslate

Cychwynwch TacoTranslate yn eich cais React trwy lapio’ch 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 mewn unrhyw le yn eich cais i arddangos testun wedi'i gyfieithu! Gwnewch yn siŵr i edrych ar ein dogfennaeth am ragor o wybodaeth, ac am ganllawiau gweithredu sy'n benodol i'ch gosodiad.

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 awtomatig ac yn symleiddio'r broses ddiflas o leoleiddio a chasglu llinynnau, gan arbed amser gwerthfawr i chi.
• Cost-effeithiol: Mae'n lleihau'r angen am gyfieithiadau â llaw, gan leihau'ch costau lleoleiddio.
• Gwell cywirdeb: Mae cyfieithiadau wedi'u pweru gan AI yn sicrhau canlyniadau sy'n gywir o ran cyd-destun ac o ansawdd uchel.
• Datrysiad graddadwy: Ychwanegwch gefnogaeth 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 ychwanegwch unrhyw llinynnau testun i'r gydran Translate. Sylwer mai dim ond amgylcheddau sydd â chaniatâd read/write ar y allwedd API a fydd yn gallu creu llinynnau newydd i'w cyfieithu.

Rydym yn argymell cael amgylchedd prawf caeedig a diogel lle gallwch brofi eich cais cynhyrchu, gan ychwanegu llinynnau newydd cyn mynd yn fyw. Bydd hyn yn atal unrhywun rhag dwyn eich allwedd API gyfrinachol, ac yn bosibl rhag chwyddo eich prosiect cyfieithu drwy ychwanegu llinynnau maleisus.

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!