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 යතුරක් සාදන්න. අප ඒවා පරිසර විචල්ය ලෙස සුරක්ෂිත කරමු. read යතුර අපි public ලෙස හඳුන්වයි හා read/write යතුර secret වේ. උදාහරණයක් ලෙස, ඔබට ඒවා ඔබගේ ව්යාපෘතියේ මූල ෆෝල්ඩරයේ තිබෙන .env ගොනුවට එක් කළ හැක.
ඔබට තවත් පරිසර විචල්ය දෙකක් එකතු කළ යුතුය: TACOTRANSLATE_DEFAULT_LOCALE සහ TACOTRANSLATE_ORIGIN.
TACOTRANSLATE_DEFAULT_LOCALE: පෙරනිමි (fallback) භාෂා locale කේතය. මෙම උදාහරණයේ, එය ඉංග්රීසි සඳහාenලෙස සකසමු.TACOTRANSLATE_ORIGIN: ඔබගේ පෙළ (strings) ගබඩා වන “ෆෝල්ඩරය”, උදාහරණයක් ලෙස ඔබේ වෙබ්අඩවියේ URL එක. මූලාශ්ර පිළිබඳ වැඩි විස්තර මෙතැනින් කියවන්න.
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 අවසර ඇති පරිසරයන්ට පමණක් පරිවර්තනය සඳහා නව පෙළ සාදිය හැකි බව සලකන්න.
නිෂ්පාදන යෙදුම ප්රසිද්ධ කිරීමට පෙර නව පෙළ එක් කරමින් එය පරීක්ෂා කළ හැකි වසා ඇති සහ ආරක්ෂිත ස්ටේජින් පරිසරයක් තිබිය යුතුය. එමඟින් කිසිවෙකුටත් ඔබගේ රහසිගත API යතුර හොරකම් කිරීමට, සහ අනවශ්ය හෝ අනිසි පෙළ එක් කිරීමෙන් ඔබගේ පරිවර්තන ව්යාපෘතිය බර වීමට ඉඩ ලබාදීම වැළැක්විය හැක.
Be sure to check out the complete examples over at our GitHub profile. If you encounter any problems, feel free to reach out, and we’ll be more than happy to help.
TacoTranslate lets you automatically localize your React applications quickly to and from over 75 languages. Translate for free!