React යෙදුම් සඳහා සුවපහසු දේශීකරණය

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

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

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

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

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: පෙරනිමිය ලෙස භාවිතා වන ස්ථානීය (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 නිර්මාණය කළ හැකි බව සලකන්න.

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