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

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

React සඳහා TacoTranslate තේරීමට හේතු කවරෙක්ද?

සන්ධාන රහිත ඒකාබද්ධ කිරීම: React යෙදුම් සඳහා විශේෂයෙන් නිර්මාණය කර ඇති TacoTranslate ඔබගේ පවතින ක්‍රියාමාර්ගයට පහසුවෙන් ඒකාබද්ධ වේ.
ස්වයංක්‍රීය අක්ෂර එකතු කිරීම: JSON ගොනු අතින් කළමනාකරණය කිරීම අවසන්. TacoTranslate ස්වයංක්‍රීයව ඔබගේ කේතමට්ටමේ සිට අක්ෂර එකතු කරයි.
කෘත්‍රිම බුද්ධිය බලගතු පරිවර්තන: ඔබගේ යෙදුමේ ස්වරූපයට ගැළපෙන, පරිද්දකට සන්සුන් පරිවර්තන සපයීමට 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 කරන්නා වූ ලැයිස්තුවේ කේතය. මෙම උදාහරණයේ, අපි 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-සහයෝගිතාවෙන් පරිවර්තන, පරිපෘෂ්ඨ කරුණු සෘජුව සහ උසස් තත්ත්වයේ ප්‍රතිඵල ලබා දේ.
විශාලනය කළ හැකි විසඳුම: ඔබේ යෙදුම හා පාරිභෝගික පදනම වර්ධනය වන විට පහසුවෙන් නව භාෂා සඳහා සහය එක් කරන්න.

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

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

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