Lleoleiddio di-drafferth ar gyfer cymwysiadau React

Sut mae'n gweithio

Gosodwch y pecyn TacoTranslate trwy npm:

npm install tacotranslate

Pan fyddwch 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 yw'n ei gwneud yn ofynnol i chi ychwanegu cerdyn credyd.

O fewn rhyngwyneb defnyddiwr TacoTranslate, creu project, a llywio i’r tab allweddi API. Creu un allwedd read a un allwedd read/write. Byddwn yn eu cadw fel amrywiadau amgylchedd. Y allwedd read yw’r hyn a alwn yn public a’r allwedd read/write yw secret. Er enghraifft, gallech eu hychwanegu at ffeil .env yn y gwraidd o’ch project.

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

• TACOTRANSLATE_DEFAULT_LOCALE: Cod iaith diofyn wrth ddianc. Yn yr enghraifft hon, byddwn yn ei osod i en ar gyfer Saesneg.
• TACOTRANSLATE_ORIGIN: Y “ffolder” lle bydd eich llinynnau wedi’u storio, megis URL eich gwefan. Darllenwch fwy am darddiadau yma.

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

Sicrhewch byth i ddarlledu’r allwedd API gudd read/write i amgylcheddau cynhyrchu ochr y cleient.

Sefydlu TacoTranslate

Dechreuwch 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 unrhywle yn eich cais i arddangos testun wedi'i gyfieithu! Sicrhewch eich bod yn edrych ar ein dogfennaeth am ragor o wybodaeth, ac am ganllawiau gweithredu penodol i'ch setup.

import {Translate} from 'tacotranslate/react';

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

Manteision defnyddio TacoTranslate

• Arbed Amser: Yn awtomeiddio'r broses ddiflas o leoleiddio a chasglu mynegiadau, gan arbed amser gwerthfawr i chi.
• Cynaliadwy o ran Cost: Yn lleihau'r angen am gyfieithiadau llaw, gan gostwng eich costau lleoleiddio.
• Gwell Cywirdeb: Mae cyfieithiadau sy'n cael eu pweru gan AI yn sicrhau canlyniadau cywir o ran cyd-destun ac o ansawdd uchel.
• Datrysiad Ysgalonadwy: Ychwanegu cefnogaeth i 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 linynnau i gydran Translate. Nodwch mai dim ond amgylcheddau sydd ag awdurdodau read/write ar allwedd API fydd yn gallu creu llinynnau newydd i’w cyfieithu.

Rydym yn argymell cael amgylchedd camu ymlaen caeedig a diogel lle gallwch brofi eich cais cynhyrchu, gan ychwanegu llinynnau newydd cyn mynd yn fyw. Bydd hyn yn rhagweld rhag i unrhyw un gysglyfaethu eich allwedd API gyfrinachol, ac yn bosibl byrlymu'ch prosiect cyfieithu trwy ychwanegu llinynnau anawsterol.

Gwnewch yn siŵr i edrych ar y enghreifftiau cyflawn ar ein proffil GitHub. Os ydych yn cael unrhyw broblemau, peidiwch ag oedi i gysylltu, a byddwn yn fwy na hapus i helpu.

Mae TacoTranslate yn caniatáu i chi leoleiddio eich ceisiadau React yn awtomatig yn gyflym i ac o unrhyw iaith. Cyfieithwch am ddim!