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 விசையையும் உருவாக்கவும். அவற்றை சூழல் மாறிகள் (environment variables) ஆகச் சேமிப்போம். read விசையை நாம் public என்று கூறுகிறோம் மற்றும் read/write விசை secret ஆகும். உதாரணத்திற்கு, உங்கள் திட்டத்தின் ரூட் கோப்புறையில் இருக்கும் .env கோப்பில் அவற்றைச் சேர்க்கலாம்.

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

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

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

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

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 இலிருந்து ஒரு தயாரிப்புநார்வேயில் தயாரிக்கப்பட்டது