ለ React መተግበሪያዎች የቀላል አካባቢ ማስተካከያ

React መተግበሪያዎን ወደ አዲስ ገበያዎች ለማስፋፋት ይፈልጋሉ? TacoTranslate ለReact መተግበሪያዎች ቋንቋ በቀላሉ ለማስተካከል ያስችላል፣ እንዲሁም ያስቸግር ጉዳይ ሳይኖረዎት ዓለም አቀፍ ተጠቃሚዎችን ማድረስ ይችላሉ።

ለReact የTacoTranslateን ለምን መምረጥ?

ቀላል አገናኝነት: ለReact መተግበሪያዎች በልዩ ሁኔታ የተነደፈ TacoTranslate በቀላሉ ወደ እርስዎ ያለው የስራ ፍርስራሽ ይገባል.
በራሱ የሚሰብስብ የጽሑፍ ስብስብ: የJSON ፋይሎችን በእጅ ማስተካከል የለም። TacoTranslate ከኮድ ቤዝዎ ጽሑፎችን በራሱ ያሰብሳል.
በAI የተነጣጠረ ትርጉሞች: የAI ኃይልን በመጠቀም ለመተግበሪያዎ የሚስማም በሁኔታ ትክክለኛ ትርጉሞች ያቀርባል.
ፈጣን የቋንቋ ድጋፍ: በአንድ ጠቅ በቀላሉ ለአዲስ ቋንቋዎች ድጋፍ ያክሉ፣ መተግበሪያዎን ለዓለም አቀፍ ይደርሳል.

እንዴት እንደሚሰራ

በ npm የሚገኝን TacoTranslate ፓኬጅ ያጫኑ:

npm install tacotranslate

ሞጁሉን ከጫኑ በኋላ፣ TacoTranslate መለያ፣ የትርጉም ፕሮጀክት፣ እና ተያያዥ API ቁልፎች መፍጠር ያስፈልጋል. እዚህ መለያ ይፍጠሩ። ነፃ ነው፣ እና የክሬዲት ካርድ መጨመር አያስፈልግም።

በTacoTranslate መተግበሪያ የUI ውስጥ፣ ፕሮጀክት ይፍጠሩ እና ወደ የAPI ቁልፍ ታብ ይሂዱ። አንድ read ቁልፍ እና አንድ read/write ቁልፍ ይፍጠሩ። እነዚህን እንደ አካባቢ ተለዋዋጮች (environment variables) እንያዛለን። የread ቁልፍ እንደምንጠራው public ነው፣ እና የread/write ቁልፍ ደግሞ secret ነው። ለምሳሌ፣ እነዚህን ወደ ፕሮጀክትዎ ራስ (root) ያለ .env ፋይል መጨመር ይችላሉ።

እንዲሁም ሌሎች ሁለት የአካባቢ ተለዋዋጮችን መጨመር ያስፈልጋል: TACOTRANSLATE_DEFAULT_LOCALE እና TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: የነባሪ የመመለሻ ቋንቋ ኮድ። በዚህ ምሳሌ ለእንግሊዝኛ እንዲሆን en እንደምንቀመጥ።
TACOTRANSLATE_ORIGIN: የጽሁፎችዎ የሚቀመጡበት “ፎልደር”፣ ለምሳሌ የድህረገፅዎ URL። ስለ መነሻዎች በተጨማሪ እዚህ ያነቡ።

.env

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

ሚስጥራዊ read/write API ቁልፍን ወደ ክላይንት-ሳይድ ፕሮዳክሽን አካባቢዎች እንዳትሰደዱ ያረጋግጡ።

TacoTranslate ማቋቋም

በReact መተግበሪያዎ ውስጥ TacoTranslateን አስጀምሩ፤ ይህንንም በTacoTranslate የcontext provider ውስጥ መተግበሪያዎን በማሸጋገር ያደርጉ:

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

ከአሁኑ ጀምሮ የ Translate ክፍልን በመጠቀም በመተግበሪያዎ ውስጥ በማንኛውም ቦታ የተተረጉሙ ጽሑፎችን ማሳየት ይችላሉ። ለተጨማሪ መረጃና ለስርዓትዎ የተለያዩ የእንቅስቃሴ መመሪያዎች ለማግኘት እባክዎን ሰነዳችንን ይመልከቱ።

import {Translate} from 'tacotranslate/react';

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

የTacoTranslate መጠቀም ጥቅሞች

ጊዜ የሚቀንስ: የቋንቋ ማስተካከያና የጽሑፎችን ማሰባሰብ የሚያስጨንቀውን ሂደት በራስሰር ያካሂዳል፣ እርስዎንም ዋጋ ያለውን ጊዜ ይቀንሳል።
ወጪ ተመጣጣኝ: የእጅ ትርጉሞችን ማድረግ የሚያስፈልገውን ድርጊት ያነሳል፣ የአካባቢ ማስተካከያ ወጪዎችንም ይቀንሳል።
የትክክለኛነት ማሻሻያ: በAI የተደገፉ ትርጉሞች በሁኔታ ትክክልነትና ከፍተኛ ጥራት የሚሰጡ ውጤቶችን ያረጋግጣሉ።
የሚያስፋፋ መፍትሄ: መተግበሪያዎና የደንበኞች ቁጥር ሲያድግ ለአዲስ ቋንቋዎች ድጋፍን በቀላሉ ያክሉ።

ዛሬ ጀምሩ!

የ React መተግበሪያዎ በTranslate ኮምፖናንት ውስጥ ማንኛውንም ስትሪንግ ሲጨምሩ በራሱ ይተረጉማል። ማስታወሻ፡ በAPI ቁልፍ ላይ read/write ፈቃድ ያላቸው አካባቢዎች ብቻ የሚተረጉሙ አዲስ ስትሪንግ ማፍጠር ይችላሉ።

እኛ የምንመከርላችሁ የሆነው ዝጋተኛና የደህንነት ያለው የሙከራ (staging) አካባቢ ማድረግ ነው፣ በዚያ ላይ ምርት መተግበሪያዎን ማረጋገጥና ሕይወት ላይ ሲወጣ ከዚያ በፊት አዲስ ስትሪንግ ማክለብ ይችላሉ። ይህ የሚስጥራዊ API ቁልፍዎን ከማንኛውም ሰው እንዳይሳለፍ ይከላከላል፣ እና ያልተፈለጉ ስትሪንግ በመጨመር የትርጉም ፕሮጀክትዎን ሊያብዛ ይችላል።