ለ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 አድራሻ። ስለ መነሻዎች ተጨማሪ እዚህ ያንብቡ።
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!