TacoTranslate
/
ሰነዶችዋጋ ማውጫ
 
አንቀጽ
ሜይ 04

ለReact መተግበሪያዎች ቀላል እና በቀላሉ የተዘረጋ አካባቢ ማድረግ

እርስዎ ሪአክት መተግበሪያዎን ወደ አዲስ ገበያዎች ማስፋፋት ትፈልጋለች? TacoTranslate ሪአክት መተግበሪያዎን በቀላሉ ለአካባቢ እንዲሆኑ ያደርጋል፣ ስለዚህ ችግር ሳይኖር ዓለም አቀፍ ተደራሽ ተከታዮችን ማድረስ ይችላሉ።

ለReact ምክንያት TacoTranslate ለምን መምረጥ አለብዎ?

  • ማያያዝ ያለ አካባቢ አደራ: ለReact መተግበሪያዎች በተለየ ሁኔታ የተከናወነ፣ TacoTranslate በቀላሉ ወደ አሁን እንደሚቀመጡ ሥራ ፍሰት እንዲገባ ያደርጋል።
  • አስተናጋጅ ስትሪንግ ስብስብ: የJSON ፋይሎችን በእጅ መምራት አያስፈልግም። TacoTranslate በራሱ ከኮድ ቤዝዎ ስትሪንግ ያሰብሰባል።
  • በAI የተነሳ ትርጉሞች: የAI ኃይልን በመጠቀም እንደ ድርጊት ቀላልና ትክክለኛ ትርጉሞችን ለማቅረብ ይረዳል።
  • አስቸኳይ የቋንቋ ድጋፍ: ለአዲስ ቋንቋዎች በአንድ ጣቢያ ድጋፍ ያክሉ እንዲሁም መተግበሪያዎ ዓለም አቀፍ ይሁን።

እንዴት እንደሚሰራ

በnpm ያሉትን TacoTranslate ጥቅል አውርድ፡፡

npm install tacotranslate

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

የTacoTranslate መተግበሪያ በUI ውስጥ፣ ፕሮጀክት ፍጠር እና ወደ የAPI ቁልፍ ትምህርት ትሄድ። አንድ read ቁልፍ እና አንድ read/write ቁልፍ ፍጠር። እነዚህን እንደ አካባቢ ተለዋዋጮች እንደምናስቀምጥ ነው። የ read ቁልፍ እንደ public የምንጠራው ነው እና የ read/write ቁልፍ እንደ secret ነው። ለምሳሌ፣ እነዚህን በፕሮጀክትህ ራስ ላይ ባለው .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

እባክዎ አይበላሽም የሚል የሚስጥር 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 አጠቃቀም ያለው አማራጮች

  • የዘወትር ማስቀመጥ: የአካባቢ ማስተካከያና የስርአት ስብስብ እንደሚያስችል ቀላል እና ወሳኝ ጊዜ የሚቆርጥ ሂደትን እንደሚሰራ ያደርጋል።
  • ዋጋ ተገቢ: በእጅ የሚደረጉትን ትርጉሞች ያነሳል፣ እና የአካባቢ ማስተካከያ ወጪዎችን ያህል ያቀነስ።
  • የተሻለ ትክክለኛነት: በAI የተነሳ ትርጉሞች በሁኔታዊ ትክክልነት እና በከፍተኛ ጥራት ምርቶች እንዲሰጡ ያረጋግጣሉ።
  • ለመስፋፋት የተስተካከለ መፍትሄ: እንደ ማህበርዎና እንደ ደንበኞች ብዛት ሲጨምር ለአዲስ ቋንቋዎች ድጋፍ ቀላል ማክሰኞ ይችላሉ።

እንደ ዛሬ ጀምሩ!

የእርስዎ የReact መተግበሪያ ማንኛውንም ሀብት ወደ Translate ኮምፖናንት ሲጨምሩ በራሱ እንደተተረጉሙ ይሆናል። እባክዎን አስቡ እንደሚታወቀው በ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 የተሰራ ምርት ነውእንደ ኖርዌ የተሰራ