TacoTranslate
/
ಡಾಕ್ಯುಮೆಂಟೇಶನ್ಬೆಲೆ
 
ಲೇಖನ
04 ಮೇ

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: ನಿಮ್ಮ ಸ್ಟ್ರಿಂಗ್‌ಗಳು ಸಂಗ್ರಹವಾಗುವ "ಫೋಲ್ಡರ್", ಉದಾಹರಣೆಗೆ ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ URL. Origin ಕುರಿತು ಹೆಚ್ಚಿನ ಮಾಹಿತಿಗಾಗಿ ಇಲ್ಲಿ ಓದಿ.
.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 ಕಾಂಟೆಕ್ಸ್ಟ್ ಪ್ರೊವೈಡರ್‌ನಲ್ಲಿ ಆವರಿಸಿ:

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 ಬಳಸುವ ಪ್ರಯೋಜನಗಳು

  • ಸಮಯ ಉಳಿತಾಯ: ಸ್ಥಳೀಕರಣ ಮತ್ತು ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು ಸಂಗ್ರಹಿಸುವ ಕ್ಲಿಷ್ಟಕರ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸ್ವಯಂಚಾಲಿತಗೊಳಿಸುವ ಮೂಲಕ, ನಿಮ್ಮ ಅಮೂಲ್ಯ ಸಮಯವನ್ನು ಉಳಿತಾಯ ಮಾಡುತ್ತದೆ.
  • ಆರ್ಥಿಕ ಪರಿಣಾಮಕಾರಿತ್ವ: ಕೈಯಿಂದ ಮಾಡುವ ಅನುವಾದಗಳ ಅಗತ್ಯವನ್ನು ಕಡಿಮೆಗೊಳಿಸುವ ಮೂಲಕ, ನಿಮ್ಮ ಸ್ಥಳೀಕರಣ ವೆಚ್ಚಗಳನ್ನು ಇಳಿಸುತ್ತದೆ.
  • ಸುಧಾರಿತ ನಿಖರತೆ: ಎಐ ಆಧಾರಿತ ಅನುವಾದಗಳು ಸಂದರ್ಭಾನುಸಾರ ನಿಖರ ಹಾಗೂ ಉನ್ನತ ಗುಣಮಟ್ಟದ ಫಲಿತಾಂಶಗಳನ್ನು ಒದಗಿಸುತ್ತವೆ.
  • ವಿಸ್ತರಿಸುವ ಪರಿಹಾರ: ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಮತ್ತು ಗ್ರಾಹಕರ ಆಧಾರ ವೃದ್ಧಿಯಾದಂತೆ ಹೊಸ ಭಾಷೆಗಳ ಬೆಂಬಲವನ್ನು ಸುಲಭವಾಗಿ ಸೇರಿಸಬಹುದು.

ಇಂದೇ ಪ್ರಾರಂಭಿಸಿ!

ನೀವು ಯಾವುದೇ ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು Translate ಕಾಂಪೊನೆಂಟ್‌ಗೆ ಸೇರಿಸಿದಾಗ ನಿಮ್ಮ React ಅಪ್ಲಿಕೇಶನ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಅನುವಾದವಾಗುತ್ತದೆ. ಗಮನಿಸಿ: API ಕೀ ಮೇಲೆ read/write ಅನುಮತಿಗಳಿರುವ ಪರಿಸರಗಳು ಮಾತ್ರ ಅನುವಾದಕ್ಕಾಗಿ ಹೊಸ ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು ರಚಿಸಬಲ್ಲವು.

ನಾವು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ, ನೀವು ಲೈವ್‌ಗೆ ಹೋಗುವ ಮುನ್ನ ಹೊಸ ಸ್ಟ್ರಿಂಗ್‌ಗಳನ್ನು ಸೇರಿಸಿ ನಿಮ್ಮ ಉತ್ಪಾದನಾ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಪರೀಕ್ಷಿಸಲು ಮುಚ್ಚಲ್ಪಟ್ಟ ಮತ್ತು ಸುರಕ್ಷಿತ ಸ್ಟೇಜಿಂಗ್ ಪರಿಸರವನ್ನು ಹೊಂದಿರಬೇಕು. ಇದು ಯಾರಾದರೂ ಯಾರಾದರೂ ನಿಮ್ಮ ರಹಸ್ಯ 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ನಿಂದ ಉತ್ಪನ್ನನಾರ್ವೆದಲ್ಲಿ ತಯಾರಿಸಲಾಗಿದೆ