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 ලෙස හැඳින්වෙයි. උදාහරණයක් ලෙස, ඔබ ඒවා ඔබේ ව්‍යාපෘතියේ රූට් ෆෝල්ඩරයේ .env ගොනුවට එකතු කළහැක.

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

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

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

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

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

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