React செயலிகளுக்கான எளிதான உள்ளூர் மொழிபெயர்ப்பு

இது எப்படி செயலில் இರುತ್ತದೆ

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 மொழி குறியீடு. இந்த உதாரணத்தில், நாம் அதை en ஆக ஆங்கிலத்திற்கு அமைக்கப் போகிறோம்.
• TACOTRANSLATE_ORIGIN: உங்கள் சரங்களைச் சேமிக்கும் "கோப்புறை", உதாரணமாக உங்கள் வலைத்தளத்தின் 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 வழங்குநரில் மூடியிடுங்கள்:

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 கூறில் சேர்ப்பதுடன் தானாக மொழிபெயர்க்கப்படும். read/write அனுமதிகளுடன் மட்டும் API விசையில் புதிய ஸ்டிரிங்களை மொழிபெயர்ப்புக்கு உருவாக்க முடியும் என்பதை கவனிக்கவும்.

உங்கள் உற்பத்தி பயன்பாட்டை பரிசோதிக்க மற்றும் புதிய ஸ்டிரிங்களை நேரடியாகச் சேர்க்க மூடபட்ட மற்றும் பாதுகாக்கப்பட்ட நிலைய சூழலை வைத்திருக்க பரிந்துரைக்கிறோம். இது உங்கள் ரகசிய API விசையை எவரும் திருடுவதிலிருந்து தடுக்கும் மற்றும் தவறான ஸ்டிரிங்களைச் சேர்ப்பதனால் உங்கள் மொழிபெயர்ப்பு திட்டம் பெருநிறைய இடத்தை பெறாமல் தடுக்கும்.

நிச்சயமாக எங்கள் GitHub சுயவிவரத்தில் உள்ள முழுமையான எடுத்துக்காட்டுகளை சரிபார்க்கவும். நீங்கள் எந்த சிக்கலை சந்தித்தாலும், தயங்காமல் எங்களை அணுகவும், மற்றும் நாங்கள் உதவுவதில் மகிழ்ச்சியடைவோம்.

TacoTranslate உங்கள் React பயன்பாடுகளை தானாகவே எந்த மொழியிலும் விரைவாக உள்ளூர் மொழியாக்கம் செய்ய அனுமதிக்கிறது. இலவசமாக மொழிமாற்றம் செய்யவும்!