TacoTranslate
/
ഡോക്യുമെന്റേഷൻവിലനിര്‍ണ്ണയം
 
ലേഖനം
മേയ് 04

React ആപ്ലിക്കേഷനുകളിലേക്കുള്ള രാജ്യാന്തരീകരണത്തിനു (i18n) ഏറ്റവും നല്ല പരിഹാരം

നിങ്ങളുടെ React അപ്ലിക്കേഷൻ പുതിയ വിപണികളിലേക്ക് വിപുലീകരിക്കാൻ നിങ്ങൾ കാത്തിരിക്കുന്നുവോ? TacoTranslate നിങ്ങളുടെ React അപ്ലിക്കേഷനുകൾ ലൊക്കലൈസ് ചെയ്യുന്നത് അതിശയകരമായി എളുപ്പമാക്കുന്നു, നിങ്ങളെ പ്രശ്നമില്ലാതെ ആഗോള പ്രേക്ഷകരെ എത്തിക്കാൻ സഹായിക്കുന്നു.

React-ിന് വേണ്ടി TacoTranslate തിരഞ്ഞെടുക്കേണ്ടത് എന്തുകൊണ്ടാണ്?

  • സുതാര്യമായ ഒരു സംയോജനം: റியாக്ട് അപ്ലിക്കേഷനുകൾക്കായി പ്രത്യേകമായി രൂപകൽപ്പന ചെയ്തതും, TacoTranslate നിങ്ങളുടെ നിലവിലുള്ള വർക്‌ഫ്ലോയിൽ എളുപ്പത്തിലാണ് സംയോജിപ്പിക്കുന്നത്.
  • താനിരുന്ന് സൃഷ്ടിക്കുന്ന സ്ട്രിംഗ് ശേഖരണം: JSON ഫയലുകൾ മാനുവലായി കൈകാര്യം ചെയ്യേണ്ടതില്ല. TacoTranslate നിങ്ങളുടെ കോഡ് ബേസിൽ നിന്നു സ്വയം സ്ട്രിങ്ങുകൾ ശേഖരിക്കുന്നു.
  • AI-ശക്തിയുള്ള പരിഭാഷകൾ: നിങ്ങളുടെ അപ്ലിക്കേഷനിലെ ശൈലിക്ക് അനുയോജ്യമായ സാന്ദർഭപരമായ കൃത്യമായ പരിഭാഷകൾ നൽകാൻ AI-യുടെ ശക്തി ഉപയോഗിക്കുക.
  • ക്ഷണാർഥഭാഷാ പിന്തുണ: വെറും ക്ലിക്കിലൂടെ പുതിയ ഭാഷകൾക്ക് പിന്തുണ ചേർക്കാം, നിങ്ങളുടെ അപ്ലിക്കേഷൻ ആഗോളമായി ലഭ്യമാക്കുന്നു.

എങ്ങനെ ഇത് പ്രവർത്തിക്കുന്നു

TacoTranslate പാക്കേജ് npm മുഖാന്തിരം ഇൻസ്റ്റാൾ ചെയ്യുക:

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 സെറ്റ് അപ്പ് ചെയ്യുന്നു

നിങ്ങളുടെ റിയാക്റ്റ് അപ്ലിക്കേഷനിൽ TacoTranslate ആരംഭിക്കാൻ, നിങ്ങളുടെ അപ്ലിക്കേഷൻ TacoTranslate കോൺടക്‌സ്‌റ്റ് പ്രൊവൈഡറിൽ.Wrapചെയ്യുക:

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 അപ്ലിക്കേഷൻയിൽ ഏതെങ്കിലും സ്ട്രിംഗ്‌സ് Translate കോംപോണന്റിലേക്കു ചേർക്കുമ്പോൾ അത് സ്വയം പരിഭാഷപ്പെടുത്തപ്പെടും. API കീയിൽ read/write അനുമതികൾ ഉള്ള പരിസരങ്ങൾ മാത്രമേ പുതിയ പരിഭാഷയ്ക്കുവേണ്ടി സ്ട്രിംഗുകൾ നിർമ്മിക്കാൻ കഴിയൂ എന്ന് ദയവായി ശ്രദ്ധിക്കുക.

ലീവ് ആകുന്നതിനു മുൻപ് പുതിയ സ്ട്രിംഗ്‌സ് ചേർക്കുന്നതിന് നിങ്ങൾക്ക് നിങ്ങളുടെ പ്രൊഡക്ഷൻ അപ്ലിക്കേഷൻ പരീക്ഷിക്കാൻ കഴിയുന്ന സമർപ്പിതവും സുരക്ഷിതമുമായ സ്റ്റേജിംഗ് പരിസരം ഉണ്ടാക്കാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു. ഇത് നിങ്ങളുടെ രഹസ്യ API കീ മോഷണംചെയ്യുന്നതിൽ നിന്നു തടയുകയും അനാവശ്യ സ്ട്രിങ്‌സ് ചേർക്കുന്നത് മൂലം നിങ്ങളുടെ പരിഭാഷാ പ്രോജക്ട് കെടുതിപ്പെടുന്നതിൽ നിന്നും സംരക്ഷിക്കുമെന്നും ഉറപ്പാക്കും.

പൂർണ്ണ ഉദാഹരണങ്ങൾ ഞങ്ങളുടെ GitHub പ്രൊഫൈൽൽ जरूर പരിശോധിക്കുക. നിങ്ങൾക്ക് ഏതെങ്കിലും പ്രശ്നങ്ങൾ ഉണ്ടെങ്കിൽ, ഞങ്ങളെ സമീപിക്കാൻ മടിക്കേണ്ട, ഞങ്ങൾക്ക് സഹായിക്കാൻ ഏറെ സന്തോഷം ഉണ്ടാകും.

TacoTranslate നിങ്ങളുടെ React അപ്ലിക്കേഷനുകൾ എളുപ്പത്തിൽ ഏതൊരു ഭാഷയിലേക്ക് അല്ലെങ്കിൽ ഭാഷയിൽ നിന്നും ഓട്ടോമാറ്റിക്ക് സਥാനീയമാക്കാൻ സഹായിക്കുന്നു. ഉചിതമായി പരിഭാഷപ്പെടുത്തു!

Nattskiftet ൽ നിന്നുള്ള ഒരു ഉൽപ്പന്നം