React ಅಪ್ಲಿಕೇಶನ್‌ಗಳಿಗೆ ಸುಲಭ ಸ್ಥಳೀಯೀಕರಣ

ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

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. ಇಲ್ಲಿ ಮೂಲಗಳ ಬಗ್ಗೆ ಹೆಚ್ಚಿನ ಮಾಹಿತಿ ಓದಿ.

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 ಬಳಸದ ಪರಿಣಾಮಕಾರಿತ್ವಗಳು

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

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

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

ನೀವು ನಿಮ್ಮ ಉತ್ಪಾದನಾ ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಪರೀಕ್ಷಿಸಲು, ಲೈವ್ ಆಗುವುದಕ್ಕೆ ಮೊದಲು ಹೊಸ ಸ್ಟ್ರಿಂಗ್ಸ್ ಸೇರಿಸಲು, ಮುಚ್ಚಲ್ಪಟ್ಟ ಮತ್ತು ಸುರಕ್ಷಿತ ಸ್ಟೇಜಿಂಗ್ ಪರಿಸರವನ್ನು ಹೊಂದಿರುವುದು ನಾವು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ. ಇದರಿಂದ ಯಾರಾದರೂ ನಿಮ್ಮ ಗುಪ್ತ API ಕಿಯನ್ನು ಕದಿತ್ಮಾಡುವುದನ್ನು ತಡೆಯುತ್ತದೆ ಮತ್ತು ಅನಧಿಕೃತ ಸ್ಟ್ರಿಂಗ್ಸ್ ಸೇರಿಸುವ ಮೂಲಕ ನೀವು ನಿಮ್ಮ ಅನುವಾದ ಯೋಜನೆಯನ್ನು ಹೆಚ್ಚಿನದಾಗಿ ಮಾಡಿಕೊಳ್ಳುವುದನ್ನು ತಡೆಯುತ್ತದೆ.

ಖಾತ್ರಿಪಡಿಸಿಕೊಳ್ಳಿ ನಮ್ಮ GitHub ಪ್ರೊಫೈಲ್‌ನಲ್ಲಿ ಸಂಪೂರ್ಣ ಉದಾಹರಣೆಗಳನ್ನು ಪರಿಶೀಲಿಸಲು. ನೀವು ಯಾವುದೇ ಸಮಸ್ಯೆಗಳನ್ನು ಎದುರಿಸಿದರೆ, ಮುಕ್ತವಾಗಿ ಸಂಪರ್ಕಿಸಬಹುದು, ಮತ್ತು ನಾವು ಸಹಾಯ ಮಾಡಲು ತುಂಬಾ ಸಂತೋಷವಾಗಿರುತ್ತೇವೆ.

TacoTranslate ನಿಮ್ಮ React ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಯಾವುದೇ ಭಾಷೆಯಲ್ಲಿ ತ್ವರಿತವಾಗಿ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸ್ಥಳೀಯಗೊಳಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಉಚಿತವಾಗಿ ಅನುವಾದಿಸಿ!