በReact መተግበሪያዎች ውስጥ ለአለም አቀፍ ቋንቋ ማስተካከያ (i18n) ምርጥ መፍትሄ

የReact መተግበሪያዎን ወደ አዲስ ገበያዎች ማስፋፋት ይፈልጋሉ? TacoTranslate ለReact መተግበሪያዎ አካባቢ ቋንቋ ለማድረግ በጣም ቀላል ያደርጋል፣ ያለ እንቅስቃሴ ዓለም አቀፍ ተጠቃሚዎችን ለመድረስ ይረዳዎታል።

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

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

እንዴት እንደሚሰራ

TacoTranslate ፓኬጅን በ npm ይጫኑ:

npm install tacotranslate

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

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

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

TACOTRANSLATE_DEFAULT_LOCALE: የነባር የመመለስ (fallback) የቋንቋ ኮድ። በዚህ ምሳሌ ለእንግሊዝኛ 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 አቅራቢ (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 ቁልፍዎን እንዳይሰርዙ ይከላከላል፣ እና በያልተፈቀዱ ጽሑፎች በማካተት የትርጉም ፕሮጀክትዎን ሊያበዛ ይችላል።