ለ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) አካባቢ (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 ቁልፍ ወደ የደንበኛ ቅርፀ-ተግባር (client-side) ምርት አካባቢዎች እንዳታፈሩ።

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 የተደገፉ ትርጉሞች በሁኔታዊ ትክክለኛነትና በከፍተኛ ጥራት ውጤቶች ያቀርባሉ።
ለማራዘም የሚቻል መፍትሔ: የመተግበሪያዎና የደንበኞች ብዛት ሲያጨምር፣ ለአዲስ ቋንቋዎች ድጋፍን በቀላሉ ማካተት ይችላሉ።

ዛሬ ይጀምሩ!

ከማንኛውም ጽሑፍ Translate ኮምፖኔንት ላይ ሲጨምሩ፣ የReact መተግበሪያዎ በራሱ ይተረጉማል። ማስታወቂያ፣ ከAPI ቁልፉ ላይ read/write ፈቃድ ያላቸው አካባቢዎች ብቻ አዲስ ሊታረጉ የሚሆኑ ጽሑፎችን መፍጠር ይችላሉ።

እኛ ምክር እንደምንሰጥ፣ የተዘጋና የተጠናከረ ደህንነት ያለው የስቴጅ አካባቢ መኖርዎን እንመክራለን፣ በዚያ ውስጥ ፕሮዳክሽን መተግበሪያዎን ማረጋገጥና ሕይወት ላይ ሲወጣ ከዚያ በፊት አዲስ ጽሑፎችን ማካተት ይችላሉ። ይህ ማንኛውንም ሰው የAPI ምስጢር ቁልፍዎን እንዳይሰርዝ ይከላከላልና ከማይፈለጉ ጽሑፎች በማካተት የትርጉም ፕሮጀክትዎን ማብዛት እንዳይከሰት ይረዳል።