React አፕሊኬሽኖች ውስጥ ለአለም አቀፍ ቋንቋ ለውጥ (i18n) ምርጥ መፍትሄ

እርስዎ የReact መተግበሪያዎትን ወደ አዲስ ገበያዎች ለማስፋት ታስቦበታል? TacoTranslate ለReact መተግበሪያዎችዎ በቀላሉ አካባቢ ለማድረግ ያስችላል፣ ስለዚህ እርስዎ ወደ ዓለም አቀፍ ተደራሽ ተጠቃሚዎች በቀላሉ መድረስ ትችላላችሁ ከችግር ውጭ።

ለReact ምንድን ታኮትራንስሌት መምረጥ?

ቀጣይ ግንኙነት: በተለይም ለReact መተግበሪያዎች የተነደፈ የTacoTranslate በቀላሉ ወደ አሁን ያለዎት የስራ ፍሰት ይገባል።
አስተላለፊ ስትሪንግ ስብስብ: እንኳን የJSON ፋይሎችን በእጅ መቆጣጠር አይደለም። የTacoTranslate ስትሪንግን ከኮድ ቤዝዎ በራስሱ ያከማችላል።
በAI የተነደፈ ትርጉም: የAI ኃይልን በመጠቀም አፕሊኬሽኖትዎ በሚሰማው ቃል አገልጋይ ያለ ትክክለኛ ትርጉሞች ያቀርባሉ።
እንደ ፍጥነት የቋንቋ ድጋፍ: በአንድ ጠቅ ብቻ ለአዲስ ቋንቋዎች ድጋፍ ያክሉና አፕሊኬሽኖትዎን አለም አቀፍ ተደርሶ ያድርጉ።

እንዴት እንደሚሰራ

npm በኩል የTacoTranslate ፓኬጅ አግኝተው ያጫኑ፡፡

npm install tacotranslate

ሞጁሉን ሲጫኑ ያለዎት ጊዜ፣ አንድ TacoTranslate መለያ፣ የትርጉም ፕሮጀክት እና ተያያዥ API ቁልፎች መፍጠር ይኖርቦታል። እዚህ መለያ ይፍጠሩ። ነፃ ነው፣ እና ክሪድት ካርድ መጨመር አያስፈልግም።

በTacoTranslate መተግበሪያ በተጠቃሚ አገልግሎት ውስጥ አንድ ፕሮጀክት ፍጠር፣ እና ወደ አይፒ ኪዎቹ ትክክለኛ ትርፍ ይሂዱ። አንድ 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 context provider ማሸፈን በመሠረት 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 ቁልፍ ያልተገለጸ ማንነት ይከለክላል እና በተጨማሪም አሳሳቢ ስርዓተ ፊደሎችን በመጨመር የትርጉም ፕሮጀክትዎን እንዳይበዛ ያደርጋል።