Η καλύτερη λύση για την διεθνοποίηση (i18n) σε εφαρμογές React
Αναζητάτε να επεκτείνετε την εφαρμογή React σας σε νέες αγορές; Το TacoTranslate καθιστά εξαιρετικά εύκολη τη μετάφραση των εφαρμογών React σας, σας επιτρέποντας να προσεγγίσετε ένα παγκόσμιο κοινό χωρίς κόπο.
Γιατί να επιλέξετε το TacoTranslate για React;
- Αδιάλειπτη Ενσωμάτωση: Σχεδιασμένο ειδικά για εφαρμογές React, το TacoTranslate ενσωματώνεται εύκολα στη υπάρχουσα ροή εργασίας σας.
- Αυτόματη Συλλογή Συμβολοσειρών: Τέλος τα χειροκίνητα αρχεία JSON. Το TacoTranslate συλλέγει αυτόματα τις συμβολοσειρές από τον κώδικά σας.
- Μεταφράσεις με Τεχνητή Νοημοσύνη: Εκμεταλλευτείτε τη δύναμη της ΤΝ για να παρέχετε μεταφράσεις με ακρίβεια συμφραζομένων που ταιριάζουν στον τόνο της εφαρμογής σας.
- Άμεση Υποστήριξη Γλωσσών: Προσθέστε υποστήριξη για νέες γλώσσες με μόνο ένα κλικ, καθιστώντας την εφαρμογή σας παγκοσμίως προσβάσιμη.
Πώς λειτουργεί
Εγκαταστήστε το πακέτο TacoTranslate μέσω npm:
npm install tacotranslate
Όταν εγκαταστήσετε το module, θα χρειαστεί να δημιουργήσετε έναν λογαριασμό TacoTranslate, ένα έργο μετάφρασης και τα αντίστοιχα κλειδιά API. Δημιουργήστε έναν λογαριασμό εδώ. Είναι δωρεάν και δεν απαιτεί να προσθέσετε πιστωτική κάρτα.
Μέσα στο περιβάλλον χρήστη της εφαρμογής TacoTranslate, δημιουργήστε ένα έργο και μεταβείτε στην καρτέλα με τα API keys. Δημιουργήστε ένα κλειδί read
και ένα κλειδί read/write
. Θα τα αποθηκεύσουμε ως μεταβλητές περιβάλλοντος. Το κλειδί read
είναι αυτό που ονομάζουμε public
και το κλειδί read/write
είναι secret
. Για παράδειγμα, μπορείτε να τα προσθέσετε σε ένα αρχείο .env
στη ρίζα του έργου σας.
Θα χρειαστεί επίσης να προσθέσετε δύο ακόμα μεταβλητές περιβάλλοντος: TACOTRANSLATE_DEFAULT_LOCALE
και TACOTRANSLATE_ORIGIN
.
TACOTRANSLATE_DEFAULT_LOCALE
: Ο προεπιλεγμένος κωδικός τοπικής ρύθμισης που χρησιμοποιείται ως εφεδρικό. Σε αυτό το παράδειγμα, θα το ορίσουμε στοen
για τα Αγγλικά.TACOTRANSLATE_ORIGIN
: Ο «φάκελος» όπου θα αποθηκεύονται οι συμβολοσειρές σας, όπως το URL της ιστοσελίδας σας. Διαβάστε περισσότερα για τα origins εδώ.
TACOTRANSLATE_PUBLIC_API_KEY=123456
TACOTRANSLATE_SECRET_API_KEY=789010
TACOTRANSLATE_DEFAULT_LOCALE=en
TACOTRANSLATE_ORIGIN=your-website-url.com
Φροντίστε να μην διαρρεύσει ποτέ το απόρρητο κλειδί API read/write
σε περιβάλλοντα παραγωγής από την πλευρά του πελάτη.
Ρύθμιση του TacoTranslate
Αρχικοποιήστε το TacoTranslate στην εφαρμογή React σας τυλίγοντας την εφαρμογή σας μέσα στον πάροχο περιβάλλοντος 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
- Εξοικονόμηση χρόνου: Αυτοματοποιεί τη χρονοβόρα διαδικασία της τοπικοποίησης και της συλλογής συμβολοσειρών, εξοικονομώντας πολύτιμο χρόνο.
- Οικονομικό: Μειώνει την ανάγκη για χειροκίνητες μεταφράσεις, μειώνοντας τα κόστη τοπικοποίησής σας.
- Βελτιωμένη ακρίβεια: Οι μεταφράσεις με τεχνητή νοημοσύνη εξασφαλίζουν συμφραζόμενα ακριβή και υψηλής ποιότητας αποτελέσματα.
- Κλιμακούμενη λύση: Προσθέστε εύκολα υποστήριξη για νέες γλώσσες καθώς η εφαρμογή και η πελατειακή σας βάση μεγαλώνει.
Ξεκινήστε σήμερα!
Η εφαρμογή React σας θα μεταφράζεται αυτόματα όταν προσθέτετε οποιεσδήποτε αλφαριθμητικές συμβολοσειρές σε ένα Translate
component. Σημειώστε ότι μόνο περιβάλλοντα με δικαιώματα read/write
στο κλειδί API θα μπορούν να δημιουργούν νέες συμβολοσειρές προς μετάφραση.
Συνιστούμε να έχετε ένα κλειστό και ασφαλές περιβάλλον δοκιμών (staging) όπου μπορείτε να δοκιμάσετε την παραγωγική σας εφαρμογή, προσθέτοντας νέες συμβολοσειρές πριν την ενεργοποίηση. Αυτό θα αποτρέψει οποιονδήποτε από το να κλέψει το μυστικό σας κλειδί 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!