React பயன்பாடுகளுக்கான எளிதான உள்ளூராக்கம்

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

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

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

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

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

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

நிச்சயமாக, எங்கள் GitHub پروஃபைலில் உள்ள முழு எடுத்துக்காட்டுக்களை காணவும். நீங்கள் எந்தவிதமான சிக்கல்களையும் சந்தித்தால், தயங்காமல் 我們ை தொடர்பு கொள்ள, நாங்கள் உங்களுக்கு உதவ மிகவும் சந்தோஷமாக இருப்போம்.

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