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

React അപ്ലിക്കേഷനുകൾക്ക് എളുപ്പമുള്ള പ്രാദേശീകരണം

നിങ്ങളുടെ React ആപ്ലിക്കേഷൻ പുതിയ മാർക്കറ്റുകളിൽ വിപുലീകരിക്കാൻ ആഗ്രഹമുള്ളതാണോ? TacoTranslate ഉപയോഗിച്ച് നിങ്ങളുടെ React ആപ്ലിക്കേഷനുകൾ ലൊക്കലൈസ് ചെയ്യുന്നത് അത്യന്തം എളുപ്പമാണ്, അതിലൂടെ നിങ്ങൾക്ക് പ്രയാസമില്ലാതെ ആഗോള പ്രേക്ഷകർക്കു చేరാനാകും.

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

  • സംബന്ധപ്പെടുത്തി സംയോജനം: റിയാക്റ്റ് അപ്ലിക്കേഷനുകൾക്കായി പ്രത്യേകം രൂപകൽപ്പന ചെയ്ത, ടാക്കോ ട്രാൻസ്ലേറ്റ് നിങ്ങളുടെ നിലവിലുള്ള വർക്ക്‌ഫ്ലോയിൽ അനായാസം സംയോജിപ്പിക്കുന്നു.
  • സ്വയംശേഷിയുള്ള സ്ട്രിംഗ് ശേഖരണം: JSON ഫയലുകൾ മാനുവലായി കൈകാര്യം ചെയ്യേണ്ട ആവശ്യകത ഇല്ല. ടാക്കോ ട്രാൻസ്ലേറ്റ് നിങ്ങളുടെ കോഡ്ബേസ് നിന്ന് സ്ട്രിങ്ങുകൾ സ്വയം ശേഖരിക്കുന്നു.
  • AI-പ്രേരിത വിവർത്തനങ്ങൾ: നിങ്ങളുടെ അപ്ലിക്കേഷന്റെ ടോണുമായി പൊരുത്തമുള്ള സാന്ദർഭികമായി കൃത്യമായ വിവർത്തനങ്ങൾ നൽകാൻ AI ശക്തി ഉപയോഗിക്കുക.
  • തൽക്ഷണക്കാർ زبان പിന്തുണ: ഒരു ക്ലിക്കിൽ പുതിയ ഭാഷകൾക്ക് പിന്തുണ ചേർക്കൂ, നിങ്ങളുടെ അപ്ലിക്കേഷൻ ആഗോളമായി പ്രവേശനയോഗ്യമാക്കുന്നു.

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

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

npm install tacotranslate

മോഡ്യൂൾ ഇൻസ്റ്റാൾ ചെയ്തശേഷം, നിങ്ങൾക്ക് ഒരു TacoTranslate അക്കൗണ്ട്, ഒരു വിവർത്തന പ്രോജക്ട്, കൂടാതെ ബന്ധപ്പെട്ട API കീകൾ സൃഷ്ടിക്കേണ്ടതുണ്ടാകും. ഇവിടെ ഒരു അക്കൗണ്ട് സൃഷ്ടിക്കുക. ഇത് സൗജന്യമാണ്, കൂടാതെ ക്രെഡിറ്റ് കാർഡ് ചേർക്കേണ്ടതില്ല.

TacoTranslate ആപ്പ്ലിക്കേഷന്‍ UI-യിലുള്ളത്, ഒരു പ്രോജക്റ്റ് സൃഷ്ടിക്കുക, അതിന്റെ API കീസുകള്‍ ടാബിലേക്ക് നാവിഗേറ്റ് ചെയ്യുക. ഒരുപാട് read കീയും, ഒരുപാട് read/write കീയും സൃഷ്ടിക്കുക. അവ ഞങ്ങള്‍ environment variables ആയി സംരക്ഷിക്കും. read കീയെ നമ്മള്‍ public എന്ന് വിളിക്കുന്നു, read/write കീയാണ് secret. ഉദാഹരണത്തിന്, ഇവ projecte-root-ൽ .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 context provider ഉപയോഗിച്ച് നിങ്ങളുടെ അപ്ലിക്കേഷൻ വെറുപ്പിച്ച് TacoTranslate ആരംഭിക്കുക:

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 ൽ നിന്നുള്ള ഒരു ഉൽപ്പന്നംനോർവേയിൽ നിർമ്മിച്ചത്