React செயலிகளில் சர்வதேசமயப்படுத்தலுக்கான (i18n) சிறந்த தீர்வு
நீங்கள் உங்கள் React பயன்பாட்டை புதிய சந்தைகளுக்கு விரிவுபடுத்த விரும்புகிறீர்களா? TacoTranslate உங்கள் React பயன்பாடுகளை உள்ளூர் மொழிகளுக்கு எளிதில் மாற்றி, எந்த தொந்தரவும் இல்லாமல் உலகளாவிய பயனர்களை அணுக உங்களுக்கு உதவுகிறது.
React க்காக TacoTranslateஐ ஏன் தேர்வு செய்ய வேண்டும்?
- தடையற்ற ஒருங்கிணைப்பு: React பயன்பாடுகளுக்காக குறிப்பாக வடிவமைக்கப்பட்டதால், TacoTranslate உங்கள் தற்போதைய வேலைவழிக்கில் எளிதாக ஒருங்கிணைகிறது.
- தானியங்கி உரை சேகரிப்பு: JSON கோப்புகளை இனி கைமுறையாக நிர்வகிக்க தேவையில்லை. TacoTranslate உங்கள் கோட்பேஸிலிருந்தே உரைகளை தானாகச் சேகரிக்கிறது.
- ஏ.ஐ. இயக்கப்படும் மொழிபெயர்ப்புகள்: உங்கள் பயன்பாட்டின் தொனிக்கு ஏற்ற சூழல்பூர்வமாக துல்லியமான மொழிபெயர்ப்புகளை வழங்க, ஏ.ஐ. சக்தியைப் பயன்படுத்துங்கள்.
- உடனடி மொழி ஆதரவு: ஒரு கிளிக்கில் புதிய மொழிகளுக்கு ஆதரவைச் சேர்த்து, உங்கள் பயன்பாட்டை உலகளாவியமாக அணுகத்தக்கதாக மாற்றலாம்.
இது எப்படி வேலை செய்கிறது
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
: உங்கள் உரைகள் சேமிக்கப்படும் “கோப்புறை” (folder) போன்ற இடம், உதாரணமாக உங்கள் வலைத்தளத்தின் 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
கூறில் எந்த ஸ்ட்ரிங்களையும்您 நீங்கள் சேர்த்தவுடன் தானாக மொழிபெயர்க்கப்படும். Note that only environments with read/write
permissions on the API key will be able to create new strings to be translated.
நாங்கள் பரிந்துரைக்கிறோம், வெளியிடுவதற்கு முன்பு உற்பத்தி பயன்பாட்டை சோதிக்க மற்றும் புதிய ஸ்ட்ரிங்களைச் சேர்க்க ஒரு மூடப்பட்ட மற்றும் பாதுகாப்பான ஸ்டேஜிங் சூழலை வைத்திருக்கவும். இது யாரும் உங்கள் ரகசிய 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!