Sauƙin ƙaddamarwa don aikace-aikacen React

Yadda yake aiki

Sanya fakitin TacoTranslate ta amfani da npm:

npm install tacotranslate

Da zarar ka girka wannan module ɗin, za ka buƙaci ƙirƙirar asusun TacoTranslate, aikin fassara, da maɓallan API masu alaƙa. Ƙirƙiri asusu anan. Yana da kyauta, kuma bai buƙaci ka ƙara kati na kuɗi ba.

A cikin UI na manhajar TacoTranslate, ƙirƙiri wani aiki, sannan ka je zuwa shafin maɓallan API ɗinsa. Ƙirƙiri maɓalli guda read, da maɓalli guda read/write. Za mu adana su a matsayin canje-canje na muhalli. Maɓallin read shi ne abin da muke kira public kuma maɓallin read/write shi ne secret. Alal misali, za ka iya ƙara su a cikin fayil na .env a tushe na aikin ka.

Kuma za ku buƙaci ƙara ƙarin masu canjin yanayi guda biyu: TACOTRANSLATE_DEFAULT_LOCALE da TACOTRANSLATE_ORIGIN.

• TACOTRANSLATE_DEFAULT_LOCALE: Lambar yare na tsohon dawowa. A wannan misalin, za mu sa shi a en don Turanci.
• TACOTRANSLATE_ORIGIN: “Babban fayil” inda za a adana rubutunku, kamar adireshin URL na gidan yanar gizon ku. Karanta ƙarin bayani game da asali anan.

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

Tabbatar cewa ba za ka taba zubar da sirrin makullin API na read/write ga yanayin samar da bangaren abokin ciniki ba.

Saitin TacoTranslate

Fara TacoTranslate a cikin aikace-aikacen React ɗinku ta hanyar kewaye aikace-aikacenku da mai ba da mahallin 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>
	);
}

Yanzu za ka iya amfani da Translate a ko'ina cikin aikace-aikacenka don nuna rubutu da aka fassara! Ka tabbata ka duba takardun mu don ƙarin bayani, da kuma don jagororin aiwatarwa na musamman ga tsarinka.

import {Translate} from 'tacotranslate/react';

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

Amfanan amfani da TacoTranslate

• Ajiye lokaci: Yana sarrafa aikin wahala na localisation da tattara kirtani ta atomatik, yana ajiye maka lokaci mai muhimmanci.
• Mai araha: Yana rage bukatar fassarar hannu, yana rage kudaden localisation naka.
• Ingantaccen daidaito: Fassarar da AI ke sarrafawa tana tabbatar da daidaito cikin mahallin da kuma sakamako mai inganci.
• Maganin da zai iya faɗaɗa: Sauƙin ƙara tallafi ga sababbin harsuna yayin da aikace-aikacenka da tushe na abokan ciniki ke haɓaka.

Fara yau!

Za a fassara aikace-aikacen React ɗinku ta atomatik lokacin da kuka ƙara kowace igiya a cikin Translate ɓangare. Ku lura cewa yanayi kawai waɗanda ke da izinin read/write akan maɓallin API za su iya ƙirƙirar sabbin igiyoyi don fassara.

Muna ba da shawarar samun mahalli na gwaji da aka kulle kuma mai aminci inda za ku iya gwada aikace-aikacen samarwa, ta hanyar ƙara sabbin igiyoyi kafin a fara aiki. Wannan zai hana kowa daga satar maɓallin API ɗinku na sirri, kuma yana iya hana cinkoso a aikin fassarar ku ta hanyar ƙara igiyoyi marasa izini.

Tabbatar ka duba cikakkun misalai a shafinmu na GitHub. Idan ka fuskanci kowace matsala, jin kyauta ka tuntube mu, kuma za mu yi farin cikin taimakawa.

TacoTranslate yana ba ka damar yin fasalin yare na aikace-aikacen React dinka ta atomatik cikin sauri zuwa da dawowa daga kowace harshe. Fassara kyauta!