ለ 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: የነባሪ የመመለስ (fallback) አካባቢ ኮድ። በዚህ ምሳሌ ለእንግሊዝኛ እንደ 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 ፈቃድ ያላቸው አካባቢዎች ብቻ ለመተረጉም አዲስ ስትሪንግ መፍጠር ይችላሉ።

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