በReact መተግበሪያዎች ውስጥ ለሀለፉ አለም አቀፍ ቋንቋ የማዋቀር (i18n) ምርጥ መፍትሔ

React መተግበሪያዎትን ወደ አዲስ ገበያዎች ለማራዘመር ትፈልጋለህ? TacoTranslate የReact መተግበሪያዎችን ቦታዊ ማድረግ በቀላሉ ያደርጋል፣ ሳይነጋገር ዓለም አቀፍ ተወዳዳሪነት ለመደርስ ይርዳል።

ለReact ለምን ትኩ ማተርጎሚያ (TacoTranslate) መምረጥ?

የማያስታገስ ውስጥ መገባት፡ ለReact መተግበሪያዎች በተለየ ሁኔታ የተነደፈ በTacoTranslate በቀላሉ ወደ ያለዎት የስራ ፍሰት ተያይዞ ይገባል።
በራስን ስትሪንግ ስብስብ፡ የJSON ፋይሎችን በእጅ መቆጣጠር አትደርስ። በTacoTranslate ስትሪንግ ከኮድ ቤዙዎ በራሱ ይሰበሰባል።
በAI ተነሳሽ ትርጉሞች፡ የAI ኃይልን በመጠቀም እንደ መተግበሪያዎ ቦታ ተሰማራ ትርጉሞችን ይሰጣል።
ማንበብ ቋንቋ ድጋፍ፡ ለአዲስ ቋንቋዎች አንድ ጠቅ ብቻ በማድረግ ድጋፍ ያክሉ፣ መተግበሪያዎን በዓለም አቀፍ ይደርሳል።

እንዴት እንደሚሰራ

ከnpm በመጠቀም TacoTranslate ጥቅል ያክሉ፡፡

npm install 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 ቁልፍዎን እንዳይሰርዝ እና በመጨረሻ በተገላጋይ መስመሮች በመጨመር የትርጉም ፕሮጀክትዎን እንዳያብስል ይከላከላል።