TacoTranslate
/
ሰነድ ማብራሪያዋጋዎች
 
ጽሑፍ
ሜይ 04

ለReact መተግበሪያዎች ቀላል የቋንቋ ማስተካከያ

ወደ አዲስ ገበያዎች የReact መተግበሪያዎን ለማስፋት ይፈልጋሉ? TacoTranslate ለReact መተግበሪያዎች ቋንቋዊ እና አካባቢ ማስተካከልን በጣም ቀላል ያደርጋል፣ ስለዚህ የችግር ሂደት ሳይኖር ዓለም አቀፍ ተጠቃሚዎችን ማግኘት ይችላሉ।

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

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

እንዴት እንደሚሰራ

TacoTranslate ፓኬጅን በ npm ያጫኑ:

npm install tacotranslate

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

በTacoTranslate መተግበሪያው የUI ውስጥ፣ ፕሮጀክት ይፍጠሩ እና ወደ የAPI ቁልፎች ታብ (tab) ይግቡ። አንድ read ቁልፍ እና አንድ read/write ቁልፍ ይፍጠሩ። እነሱን እንደ አካባቢ ተለዋዋጮች (environment variables) እንያስቀምጣለን። የread ቁልፍ እንደ እኛ የምንጠራው public ነው፣ የread/write ቁልፍ secret ነው። ለምሳሌ፣ እነዚህን ወደ ፕሮጀክትዎ ዋና (root) ያለ .env ፋይል ውስጥ ማክለብ ይችላሉ።

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

  • TACOTRANSLATE_DEFAULT_LOCALE: የነባር የሚመለስ የቋንቋ ኮድ። በዚህ ምሳሌ፣ ለእንግሊዝኛ እንደ en እንቀመጣለን።
  • TACOTRANSLATE_ORIGIN: ስትሪንግዎች የሚያስቀምጡበት “ፎልደር”፣ እንደ ድህረገፅዎ ዩአርኤል ወዘተ። እዚህ ስለ መነሻዎች ተጨማሪ ያንብቡ።
.env
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com

እባክዎ ከቶ የAPI ምስጢር read/write ቁልፉን ወደ ክላይንት-ሳይድ ፕሮዳክሽን አካባቢዎች አታፈሩ።

TacoTranslateን ማቀናበር

በReact መተግበሪያዎ ውስጥ መተግበሪያዎን በ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 ቁልፍዎን እንዳይሰርዝ ይከላከላል፣ እና በያልፈለገ ፅሁፎች የተሞላ እንዳይሆን የትርጉም ፕሮጀክቶዎን እንዳይባዛ ይረዳል።

Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.

TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!

Nattskiftet የተሰራ ምርትበኖርዌይ የተሠራ