ለ React መተግበሪያዎች የቀላል አካባቢ ማስተካከያ

React መተግበሪያዎን ወደ አዲስ ገበያዎች ማስፋት ይፈልጋሉ? TacoTranslate ለReact መተግበሪያዎችዎ ቋንቋ ማስተካከልን እጅግ ቀላል ያደርጋል፣ ስለዚህ ሳይቸገሩ ከዓለም አቀፍ ተጠቃሚዎች ደርሳችሁ ይችላሉ።

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

Seamless Integration: ለReact መተግበሪያዎች በተለይ የተነደፈ፣ TacoTranslate ወደ አሁኑ የስራ ሂደትዎ በሳይቋረጥ ይገባል።
Automatic String Collection: JSON ፋይሎችን እጅ በእጅ ማስተዳደር የለም። TacoTranslate ከኮድ ቤዝዎ ጽሁፎችን በራሱ ይሰብሳል።
AI-Powered Translations: የAI ኃይልን በመጠቀም ለመተግበሪያዎ በሁኔታ ትክክለኛና የድምጽ ስርዓት የሚስማሙ ትርጉሞችን ይሰጣል።
Instant Language Support: በአንድ ጠቅ ብቻ ለአዲስ ቋንቋዎች ድጋፍ ያክሉ፣ እንዲሁም መተግበሪያዎ ለዓለም አቀፍ ተጠቃሚዎች ይገናኛል።

እንዴት እንደሚሰራ

TacoTranslate ፓኬጅን በ npm ይጫኑ:

npm install tacotranslate

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

የTacoTranslate መተግበሪያ የUI ውስጥ ፕሮጀክት ፍጠር እና ወደ የAPI ቁልፍ ታብ ይሂዱ። አንድ read ቁልፍ እና አንድ read/write ቁልፍ ፍጠር። እነዚያን እንደ አካባቢ ተለዋዋጮች እንያደርጋለን። የ 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

እርግጠኛ ይሁኑ — የሚስጥር read/write API ቁልፍ ወደ በክላይንት ጎን የሚገኙ ፕሮዳክሽን አካባቢዎች አታፈርሱ።

TacoTranslate ማቋቋም

TacoTranslateን በReact መተግበሪያዎ ውስጥ እንዲጀምር፣ መተግበሪያዎን በTacoTranslate የcontext አቅራቢ (context provider) ውስጥ በመሸፈን ያካትቱ:

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 አካባቢ እንዲኖርዎ ፣ በዚያ የproduction መተግበሪያዎን ማረጋገጥ እና ከሕይወት ላይ ከማለቀቅ በፊት አዲስ የጽሑፍ ንጥሎችን ማክለብ ይመከራል። ይህ ከማንኛውም ሰው ማንኛውም ሰው የAPI ሚስጥራዊ ቁልፉን ማስጥለትን እንዳይችሉ ይከላከላል፣ እና እንዲሁም በማይፈለጉ የጽሑፍ ንጥሎችን በማስጨመር የትርጉም ፕሮጀክትዎን እንዳይታደር ይረዳል።