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

React መተግበሪያዎን ወደ አዲስ ገበያዎች ማስፋፋት ይፈልጋሉ? TacoTranslate የReact መተግበሪያዎችን በጣም ቀላል እንዲሆኑ ያደርጋል፣ ስለዚህ ችግኝ ሳይኖረው ዓለምአቀፍ ተደራሽ ተጠቃሚዎችን ማድረስ ይችላሉ።

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

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

እንዴት እንደሚሰራ

የTacoTranslate ፓኬጅን በ npm ይጫኑ:

npm install tacotranslate

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

በTacoTranslate መተግበሪያ የUI ቅርጽ ውስጥ፣ ፕሮጀክት ይፍጠሩ እና ወደ የAPI ቁልፍ ታብ (API keys tab) ይሂዱ። አንድ 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 አቅራቢ ውስጥ ያስቀምጡ:

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 ፈቃድ ያላቸው አካባቢዎች ብቻ አዲስ ስትሪንግ ለትርጉም ማፍጠር ይችላሉ።

እኛ የተዘጋና የተጠበቀ የስቴግ አካባቢ እንዳለዎት እንመክራለን፤ እዚያ ውስጥ የፕሮዳክሽን መተግበሪያዎን ለማረጋገጥ እና ከመነሻ ወደ ሕይወት ለመሄድ በፊት አዲስ ስትሪንግ ማከማቻ ይረዳል። ይህ ማንኛውንም ሰው ማንኛውንም ሰው ሚስጥራዊውን የAPI ቁልፍዎን ማሸምበት እንዳይችል እና በዚያ በስተቀር ያልተፈቀደ ስትሪንግ በመጨመር የትርጉም ፕሮጀክትዎን እንዳይጭንፉ ይረዳል።