Απρόσκοπτη τοπικοποίηση για εφαρμογές React
Θέλετε να επεκτείνετε την εφαρμογή React σας σε νέες αγορές; Το TacoTranslate κάνει εξαιρετικά εύκολη την τοπικοποίηση των εφαρμογών React σας, επιτρέποντάς σας να φτάσετε σε ένα παγκόσμιο κοινό χωρίς ταλαιπωρία.
Γιατί να επιλέξετε το TacoTranslate για το React;
- Απρόσκοπτη Ενσωμάτωση: Σχεδιασμένο ειδικά για εφαρμογές React, το TacoTranslate ενσωματώνεται χωρίς κόπο στην υπάρχουσα ροή εργασίας σας.
- Αυτόματη Συλλογή Συμβολοσειρών: Τέλος στη χειροκίνητη διαχείριση αρχείων JSON. Το TacoTranslate συλλέγει αυτόματα τις συμβολοσειρές από τον κώδικά σας.
- Μεταφράσεις με Τεχνητή Νοημοσύνη: Εκμεταλλευτείτε τη δύναμη της τεχνητής νοημοσύνης για να παρέχετε συμφραζολογικά ακριβείς μεταφράσεις που ταιριάζουν στον τόνο της εφαρμογής σας.
- Άμεση Υποστήριξη Γλωσσών: Προσθέστε υποστήριξη για νέες γλώσσες με ένα μόνο κλικ, καθιστώντας την εφαρμογή σας προσβάσιμη παγκοσμίως.
Πώς λειτουργεί
Εγκαταστήστε το πακέτο TacoTranslate μέσω npm:
npm install tacotranslate
Μόλις εγκαταστήσετε το module, θα χρειαστεί να δημιουργήσετε λογαριασμό στο TacoTranslate, ένα έργο μετάφρασης και τα αντίστοιχα κλειδιά API. Δημιουργήστε λογαριασμό εδώ. Είναι δωρεάν και δεν χρειάζεται να προσθέσετε πιστωτική κάρτα.
Στην διεπαφή της εφαρμογής TacoTranslate, δημιουργήστε ένα έργο και μεταβείτε στην καρτέλα κλειδιών 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
Αρχικοποιήστε το TacoTranslate στην εφαρμογή React σας, περιβάλλοντας την εφαρμογή σας με τον 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
- Εξοικονόμηση χρόνου: Αυτοματοποιεί την κουραστική διαδικασία της τοπικοποίησης και της συλλογής συμβολοσειρών, εξοικονομώντας πολύτιμο χρόνο.
- Οικονομικά αποδοτικό: Μειώνει την ανάγκη για χειροκίνητες μεταφράσεις, μειώνοντας τα έξοδα τοπικοποίησης.
- Βελτιωμένη ακρίβεια: Οι μεταφράσεις που τροφοδοτούνται από τεχνητή νοημοσύνη εξασφαλίζουν αποτελέσματα ακριβή ως προς τα συμφραζόμενα και υψηλής ποιότητας.
- Επεκτάσιμη λύση: Προσθέστε εύκολα υποστήριξη για νέες γλώσσες καθώς η εφαρμογή και η βάση πελατών σας μεγαλώνουν.
Ξεκινήστε σήμερα!
Η εφαρμογή React σας θα μεταφραστεί αυτόματα όταν προσθέσετε οποιεσδήποτε συμβολοσειρές σε ένα Translate
συστατικό. Σημειώστε ότι μόνο τα περιβάλλοντα με δικαιώματα 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!