React பயன்பாடுகளில் சர்வதேசமயமாக்கலுக்கான (i18n) சிறந்த தீர்வு

இது எப்படி வேலை செய்கிறது

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) பற்றி மேலும் படிக்கவும்.

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 பயன்படுத்துவதின் நன்மைகள்

• நேரம் சேமிப்பு: உள்ளூராக்கம் மற்றும் உரைகள் சேகரிப்பின் சோர்வூட்டும் செயல்களை தானாகச் செய்து உங்கள் மதிப்புள்ள நேரத்தை மிச்சப்படுத்துகிறது.
• செலவுக் குறைப்பு: கைமுறை மொழிபெயர்ப்புகளின் தேவையை குறைத்து, உங்கள் உள்ளூராக்கச் செலவுகளை குறைக்கிறது.
• மேம்பட்ட துல்லியம்: செயற்கை நுண்ணறிவால் இயக்கப்படும் மொழிபெயர்ப்புகள் சூழ்நிலைக்கு مطابق துல்லியமான மற்றும் உயர்தர முடிவுகளை வழங்குகின்றன.
• விரிவாக்கக்கூடிய தீர்வு: உங்கள் பயன்பாடு மற்றும் பயனர் அடிப்படை வளரும்போது புதிய மொழிகளுக்கு ஆதரவைக் எளிதில் சேர்க்கலாம்.

இன்றே தொடங்குங்கள்!

உங்கள் 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!