ለ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 ቁልፍ ፍጠሩ። እነዚህን እንደ አካባቢ ተለዋዋጮች (environment variables) እናደርጋለን። የread ቁልፍ የምንጠራው public ነው፣ የread/write ቁልፍ ግን secret ነው። ለምሳሌ፣ እነዚህን ወደ ፕሮጀክትዎ ዋና (root) ውስጥ ያለ .env ፋይል ማቀርብ ይችላሉ።

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

TACOTRANSLATE_DEFAULT_LOCALE: የመመለስ ነባር አካባቢ (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 ማቋቋም

TacoTranslateን በReact መተግበሪያዎ ውስጥ ለመጀመር፣ መተግበሪያዎን በ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 ሚስጥራዊ ቁልፉን ከማስረፍ ይጠቆማል፣ እና በማይፈለጉ ወይም የተጣለ ሐረጎችን በማከማቸት የትርጉም ፕሮጀክትዎን እንዳይባዛ ይረዳል።