React යෙදුම්වල අන්තර්ජාතිකරණය (i18n) සඳහා හොඳම විසඳුම

ඔබේ React යෙදුම නව වෙළඳපොළවලට පුළුල් කිරීමට සිතනවාද? TacoTranslate ඔබේ React යෙදුම් ස්ථානගත කිරීම අතිශයින්ම පහසු කරයි, එබැවින් කිසිදු බාධාවක් නැතුව ගෝලීය පිරිසකට ළඟා විය හැක.

React සඳහා TacoTranslate තෝරාගන්නේ ඇයි?

සුමට ඒකාබද්ධවීම: React යෙදුම් සඳහා විශේෂයෙන් නිර්මාණය කර ඇති TacoTranslate ඔබේ දැනට පවතින වැඩ ප්‍රවාහයට පහසුවෙන් ඒකාබද්ධ වේ.
ස්වයංක්‍රීය පෙළ එකතු කිරීම: JSON ගොනු අතින් කළමනාකරණය කිරීම අවශ්‍ය නැත. TacoTranslate ඔබේ කේත ගොනු හරහා පෙළ ස්වයංක්‍රීයව එකතු කරගනී.
AI-ආධාරිත පරිවර්තන: ඔබගේ යෙදුමේ ශෛලියට ගැලපෙන, සන්දර්භගතව නිවැරදි පරිවර්තන ලබා දීමට AI ශක්තිය භාවිතා කරන්න.
ක්ෂණික භාෂා සහාය: නව භාෂා සඳහා සහාය එක් කිරීමට එක් ක්ලික් එකක් පමණි, එවිට ඔබගේ යෙදුම ගෝලීයව ප්‍රවේශ විය හැක.

මෙය කෙසේ ක්‍රියා කරයි

npm මඟින් TacoTranslate පැකේජය ස්ථාපිත කරන්න:

npm install tacotranslate

මොඩියුලය ස්ථාපනය කළ පසු, ඔබට TacoTranslate ගිණුමක්, පරිවර්තන ව්‍යාපෘතියක් සහ ඒ සම්බන්ධ API යතුරු (API keys) සාදන්න අවශ්‍යවෙයි. මෙහි ගිණුමක් සාදන්න. මෙය නොමිලේය, සහ ක්‍රෙඩිට් කාඩුවක් එක් කිරීමට අවශ්‍ය නොවේ.

TacoTranslate යෙදුම් UI තුළ ව්‍යාපෘතියක් සාදන්න, සහ එහි API යතුරු ටැබයට යන්න. ඒ සඳහා එක් read යතුරක් සහ එක් read/write යතුරක් සෑදන්න. අප ඒවා පරිසර චලක (environment variables) ලෙස සුරකින්නෙමු. read යතුර අප හඳුන්වන්නේ public ලෙසයි, සහ read/write යතුර secret ය. උදාහරණයක් ලෙස, ඔබ ඒවා ඔබේ ව්‍යාපෘතියේ මුල් ඩිරෙක්ටරියේ .env ගොනුවට එකතු කළ හැක.

ඔබට තව පරිසර චර දෙකක් එකතු කිරීමට අවශ්‍ය වේ: TACOTRANSLATE_DEFAULT_LOCALE සහ TACOTRANSLATE_ORIGIN.

TACOTRANSLATE_DEFAULT_LOCALE: පෙරනිමි fallback locale කේතය. මෙම උදාහරණයේදී, අපි එය en ලෙස ඉංග්‍රීසි සඳහා සකස් කරමු.
TACOTRANSLATE_ORIGIN: ඔබේ strings ගබඩා වන “ෆෝල්ඩරය”, උදාහරණයක් ලෙස ඔබේ වෙබ් අඩවියේ URL එක වැනි. මෙහි origins පිළිබඳ තවදුරටත් කියවන්න.

.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 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-සහාය ඇති පරිවර්තන සන්දර්භාත්මකව නිවැරදි සහ උසස් තත්ත්වයේ ප්‍රතිඵල ලබා දේ.
පරිමාණගත කළ හැකි විසඳුම: ඔබේ යෙදුම සහ පාරිභෝගික පදනම විශාල වන විට නව භාෂා සඳහා සහය පහසුවෙන් එකතු කළ හැක.

අදම ආරම්භ කරන්න!

ඔබ Translate කොම්පොනෙන්ට් එකට කිසියම් strings එකතු කරන විට ඔබගේ React යෙදුම ස්වයංක්‍රීයව පරිවර්තනය වේ. සටහන් කරන්න, API යතුර සඳහා read/write අවසර ඇති පරිසරවලට පමණක් පරිවර්තනය සඳහා නව strings සාදා ගත හැක.

අපි ඔබට නිර්දේශ කරන්නේ වසා ඇති සහ ආරක්ෂිත staging පරිසරයක් පවත්වා ගැනීමයි — එහිදී ඔබට ඔබගේ නිෂ්පාදන යෙදුම පරීක්ෂා කර, සජීවී කිරීමට පෙර නව strings එක් කළ හැකිය. මෙය කවුරුන්හරි කවුරුන්හරි ඔබගේ රහසිගත API යතුර හොරකම් වීම වැළැක්වීමට, සහ අනවසර strings එකතු කිරීමෙන් ඔබගේ පරිවර්තන ව්‍යාපෘතිය බර වීම වැනි අවදානම් වැළැක්වීමට උපකාරී වේ.