TacoTranslate
/
ሰነዶችዋጋዎች
 
ጽሑፍ
ሜይ 04

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

የ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: የነባር የመመለስ የቋንቋ ኮድ። በዚህ ምሳሌ ለእንግሊዝኛ እንዲሆን ይህን 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 ኮንተክስት ፕሮቫይደር ውስጥ መሸፈን ያድርጉ:

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 መጠቀም ጥቅሞች

  • Time saving: የአካባቢ ማስተካከያና የስትሪንግ መሰብሰብ ያስጨናቅ ሂደቶችን በራስ-ስር ያደርጋል፤ ይህም ውድ ጊዜዎን ያቀናል።
  • Cost-effective: የእጅ ትርጉሞችን የሚፈልጉ ድጋፍ ይቀንሳል፤ ይህም የአካባቢ ማስተካከያ ወጪዎን ያነሳል።
  • Improved accuracy: በAI የተደገፉ ትርጉሞች በሁኔታ የተስተካከለ እና ከፍተኛ ጥራት ያላቸው ውጤቶችን ያቀርባሉ።
  • Scalable Solution: እንደ መተግበሪያዎና የደንበኞች መደብ ሲያጨምር፣ ለአዲስ ቋንቋዎች ድጋፍን ቀላል በሆነ መልኩ መጨመር ይቻላል።

ዛሬ ይጀምሩ!

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

ዝጋተኛና ደህንነታዊ የሙከራ አካባቢ እንዲኖራችሁ እንመክራለን፣ በዚህ ውስጥ የፕሮዳክሽን መተግበሪያዎን ማረጋገጥ እና ሕይወት ላይ ሲወጣ በፊት አዲስ ጽሑፎችን ማካተት ይችላሉ። ይህ ማንም ማንም እርስዎን የሚስጥር የ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 የተሰራ ምርትበኖርዌይ የተሠራ