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

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

TacoTranslate பேக்கேஜை npm மூலம் நிறுவவும்:

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

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

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

இன்று ஆரம்பியுங்கள்!

உங்கள் React பயன்பாடு, நீங்கள் எந்தவொரு எழுத்துக்களையும் Translate கூறுகையில் சேர்க்கும் போது தானாகவே மொழிபெயர்க்கப்படும். API முக்கியத்தில் read/write அனுமதிகள் உள்ள சூழல்கள் மட்டுமே மொழிபெயர்க்கக்கூடிய புதிய எழுத்துக்களை உருவாக்க முடியும் என்பதைக் கவனிக்கவும்.

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

உறுதியாக எங்கள் GitHub پروபைல் இல் முழுமையான உதாரணங்களை பார்த்து மனப்பூர்வமாக சரிபார்க்கவும். ஏதேனும் பிரச்சினைகள் ஏற்பட்டால், தயவுசெய்து எங்களை தொடர்பு கொள்ளவும், நாங்கள் உதவ மிகவும் மகிழ்ச்சியாக இருப்போம்.

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