React ಅಪ್ಲಿಕೇಶನ್ಗಳಿಗೆ ಸುಲಭ ಸ್ಥಳೀಯೀಕರಣ
ನೀವು ನಿಮ್ಮ React ಅಪ್ಲಿಕೇಶನ್ ಅನ್ನು ಹೊಸ ಮಾರುಕಟ್ಟೆಗಳಿಗೆ ವಿಸ್ತರಿಸಲು ಯೋಚಿಸುತ್ತಿದ್ದೀರಾ? TacoTranslate ನಿಮ್ಮ React ಅಪ್ಲಿಕೇಶನ್ಗಳನ್ನು ಸ್ಥಳೀಯೀಕರಿಸುವುದನ್ನು ಅತೀ ಸುಲಭ ಮಾಡುತ್ತದೆ, ಇದರಿಂದ ಯಾವುದೇ ತೊಂದರೆ ಇಲ್ಲದೆ ನೀವು ಜಾಗತಿಕ ಪ್ರೇಕ್ಷಕರನ್ನು ತಲುಪಬಹುದು.
Reactಗಾಗಿ TacoTranslate ಅನ್ನು ಏಕೆ ಆಯ್ಕೆ ಮಾಡಬೇಕು?
- ಸೇರಿಸಲು ಸುಗಮವಾದ ಸಂಯೋಜನೆ: React ಅಪ್ಲಿಕೇಶನ್ಗಳಿಗೆ ವಿಶೇಷವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ, TacoTranslate ನಿಮ್ಮ ಇರುವ ಕಾರ್ಯಪ್ರವಾಹದೊಂದಿಗೆ ಸುಲಭವಾಗಿ ಏಕೀಕರಿಸುತ್ತದೆ.
- ಸ್ವಯಂಚಾಲಿತ ಪಠ್ಯ ಸಂಗ್ರಹಣೆ: JSON ಫೈಲ್ಗಳನ್ನು ಕೈಯಿಂದ ನಿರ್ವಹಿಸುವ ಅಗತ್ಯವಿಲ್ಲ. TacoTranslate ನಿಮ್ಮ ಕೋಡ್ಬೇಸ್ನಿಂದ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಪಠ್ಯಗಳನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ.
- AI-ಚಾಲಿತ ಅನುವಾದಗಳು: ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ನ ಟೋನ್ಗೆ ತಕ್ಕಂತೆ ಸಾಂದರ್ಭಿಕವಾಗಿ ನಿಖರವಾದ ಅನುವಾದಗಳನ್ನು ಒದಗಿಸಲು AI ಶಕ್ತಿಯನ್ನು ಬಳಸಿ.
- ತಕ್ಷಣದ ಭಾಷಾ ಬೆಂಬಲ: ಕೆಲವೇ ಕ್ಲಿಕ್ಗಳಲ್ಲಿ ಹೊಸ ಭಾಷೆಗಳಿಗೆ ಬೆಂಬಲವನ್ನು ಸೇರಿಸಿ, ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ಗೆ ಜಾಗತಿಕ ಪ್ರವೇಶಾರ್ಹತೆಯನ್ನು ನೀಡಿರಿ.
ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ
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: ಡೀಫಾಲ್ಟ್ ಫಾಲ್ಬ್ಯಾಕ್ ಲೋಕೇಲ್ ಕೋಡ್. ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಇದನ್ನು ಇಂಗ್ಲಿಷ್ಗಾಗಿ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 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 ಬಳಸುವ ಪ್ರಯೋಜನಗಳು
- ಸಮಯ ಉಳಿತಾಯ: ಸ್ಥಳೀಯೀಕರಣ ಮತ್ತು ಸ್ಟ್ರಿಂಗ್ಗಳನ್ನು ಸಂಗ್ರಹಿಸುವ ಕಷ್ಟಕರ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸ್ವಯಂಚಾಲಿತಗೊಳಿಸುವ ಮೂಲಕ, ಇದು ನಿಮ್ಮ ಅಮೂಲ್ಯ ಸಮಯವನ್ನು ಉಳಿತಾಯಿಸುತ್ತದೆ.
- ಖರ್ಚು-ಕಾರ್ಯಕ್ಷಮ: ಹಸ್ತಚಾಲಿತ ಅನುವಾದಗಳ ಅಗತ್ಯವನ್ನು ಕಡಿಮೆ ಮಾಡಿ, ನಿಮ್ಮ ಸ್ಥಳೀಯೀಕರಣ ವೆಚ್ಚವನ್ನು ತಗ್ಗಿಸುತ್ತದೆ.
- ಸೂಕ್ತತೆ ಸುಧಾರಣೆ: ಎಐ-ಚಾಲಿತ ಅನುವಾದಗಳು ಸಂದರ್ಭಾನುಸಾರ ಸೂಕ್ತ ಮತ್ತು ಉನ್ನತ ಗುಣಮಟ್ಟದ ಫಲಿತಾಂಶಗಳನ್ನು ಖಚಿತಪಡಿಸುತ್ತವೆ.
- ವಿಸ್ತರಿಸಬಹುದಾದ ಪರಿಹಾರ: ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಮತ್ತು ಗ್ರಾಹಕ ಆಧಾರ ಬೆಳೆದಂತೆ ಹೊಸ ಭಾಷೆಗಳ ಬೆಂಬಲವನ್ನು ಸುಲಭವಾಗಿ ಸೇರಿಸಬಹುದು.
ಇಂದೇ ಪ್ರಾರಂಭಿಸಿ!
ನೀವು ಯಾವುದೇ ಸ್ಟ್ರಿಂಗ್ಗಳನ್ನು 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!