TacoTranslate
/
ஆவணங்கள்விலைகள்
 
கட்டுரை
04 மே

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 ஆகும். உதாரணத்திற்கு, அவைகளை உங்கள் திட்டத்தின் ரூட் (root) இல் உள்ள .env கோப்பில் சேர்க்கலாம்.

மேலும் நீங்கள் இரண்டு சுற்றுச்சூழல் மாறிகளைச் சேர்க்க வேண்டியிருக்கும்: TACOTRANSLATE_DEFAULT_LOCALE மற்றும் TACOTRANSLATE_ORIGIN.

  • TACOTRANSLATE_DEFAULT_LOCALE: இயல்புநிலை (fallback) மொழி குறியீடு. இந்த உதாரணத்தில், நாம் அதை ஆங்கிலத்திற்காக en என அமைப்போம்.
  • TACOTRANSLATE_ORIGIN: உங்கள் உரைகள் சேமிக்கப்படும் “கோப்புறை”, உதாரணமாக உங்கள் வலைத்தளத்தின் URL போன்ற இடம். இங்கு மூலங்கள் பற்றி மேலும் படிக்கவும்.
.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-ஆதாரিত மொழிபெயர்ப்புகள் பொருள் சார்ந்த துல்லியமான மற்றும் உயர் தரமான முடிவுகளை உறுதி செய்கின்றன.
  • விரிவாக்கக்கூடிய தீர்வு: உங்கள் பயன்பாடு மற்றும் வாடிக்கையாளர் அடிப்படை வளரும்போது புதிய மொழிகளுக்கு ஆதரவைக் எளிதில் சேர்க்கலாம்.

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

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

வெளியே செல்லும் முன்பு புதிய ஸ்ட்ரிங்குகளைச் சேர்த்து உங்கள் உற்பத்தி பயன்பாட்டை சோதிக்கக்கூடிய வகையில், மூடப்பட்டு பாதுகாப்பான ஒரு ஸ்டேஜிங் சூழலை வைத்துக்கொள்ளக்கூடுதலைśmy் நாங்கள் பரிந்துரைக்கிறோம். இது யாராவது யாராவது உங்கள் ரகசிய 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!

Nattskiftet வழங்கிய ஒரு தயாரிப்புநோர்வோவில் தயாரிக்கப்பட்டது