በ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: የነባር ፋልባክ (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 ፕሮቫይደር ውስጥ በማሸፈን ይጀምሩ:

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 ምስጢራዊ ቁልፉን ከማንም እጅ እንዳይገኝ ይከለከላል፣ እና የማይፈለጉ ጽሑፎችን በመጨመር የትርጉም ፕሮጀክትዎን ሊያስጨንቅ ይችላል።