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

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

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

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

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

npm හරහා TacoTranslate පැකේජය ස්ථාපනය කරන්න:

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 locale කේතය. මෙම උදාහරණයේ, අපි එය ඉංග්‍රීසි සඳහා en ලෙස සකසන්නෙමු.
TACOTRANSLATE_ORIGIN: ඔබගේ පෙළ ගබඩා වන 'ෆෝල්ඩරය', උදාහරණයක් ලෙස ඔබේ වෙබ්අඩවියේ 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 කොම්පොනෙන්ට් එකට කිසිදු පෙළක් එකතු කරන විට ඔබගේ React යෙදුම ස්වයංක්‍රීයව පරිවර්තනය වේ. API යතුර සඳහා read/write අවසර තිබෙන පරිසරවලට පමණක් පරිවර්තනය සඳහා නව පෙළ නිර්මාණය කළ හැකි බව සලකන්න.

අපි ඔබට නිර්දේශ කරන්නේ, ඔබේ production යෙදුම පරීක්ෂා කිරීම සහ লাইව්ට යාමට පෙර නව පෙළ එකතු කර බැලීම සඳහා වසා ඇති සහ ආරක්ෂිත staging පරිසරයක් තිබීමයි. මෙය ඔබගේ රහසිගත API යතුර කවුරුන්හෝ හොරකම් කරගෙන යාම වැළැක්වීමට, සහ අනිසි පෙළ එකතු කිරීමෙන් ඔබේ පරිවර්තන ව්‍යාපෘතිය අතිරික්ෂිතව බරපතළ වීම වැළැක්වීමට උපකාරී වේ.