Η καλύτερη λύση για τη διεθνοποίηση (i18n) σε εφαρμογές React

Θέλετε να επεκτείνετε την εφαρμογή React σας σε νέες αγορές; Το TacoTranslate καθιστά την τοπικοποίηση των εφαρμογών React σας εξαιρετικά εύκολη, επιτρέποντάς σας να προσεγγίσετε ένα παγκόσμιο κοινό χωρίς ταλαιπωρία.

Γιατί να επιλέξετε το TacoTranslate για το React;

Απρόσκοπτη Ενσωμάτωση: Σχεδιασμένο ειδικά για εφαρμογές React, το TacoTranslate ενσωματώνεται απρόσκοπτα στην υπάρχουσα ροή εργασίας σας.
Αυτόματη Συλλογή Συμβολοσειρών: Τέλος στη χειροκίνητη διαχείριση αρχείων JSON. Το TacoTranslate συλλέγει αυτόματα τις συμβολοσειρές από τον κώδικά σας.
Μεταφράσεις με Τεχνητή Νοημοσύνη: Εκμεταλλευτείτε τη δύναμη της τεχνητής νοημοσύνης για να παρέχετε μεταφράσεις ακριβείς στο πλαίσιο που ταιριάζουν στον τόνο της εφαρμογής σας.
Άμεση Υποστήριξη Γλωσσών: Προσθέστε υποστήριξη για νέες γλώσσες με ένα μόνο κλικ, καθιστώντας την εφαρμογή σας προσβάσιμη παγκοσμίως.

Πώς λειτουργεί

Εγκαταστήστε το πακέτο TacoTranslate μέσω npm:

npm install tacotranslate

Μόλις εγκαταστήσετε το πακέτο, θα χρειαστεί να δημιουργήσετε έναν λογαριασμό στο 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 του ιστότοπού σας. Διαβάστε περισσότερα σχετικά με τις προελεύσεις εδώ.

.env

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 σας τυλίγοντας την εφαρμογή σας στον 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 θα μπορούν να δημιουργούν νέες συμβολοσειρές προς μετάφραση.

Σας προτείνουμε να έχετε ένα κλειστό και ασφαλές περιβάλλον προεπισκόπησης όπου μπορείτε να δοκιμάσετε την παραγωγική σας εφαρμογή, προσθέτοντας νέες συμβολοσειρές πριν τη μετάβαση σε ζωντανή λειτουργία. Αυτό θα αποτρέψει οποιονδήποτε οποιονδήποτε από το να κλέψει το μυστικό σας κλειδί API, και ενδεχομένως να διογκώσει το έργο μετάφρασής σας προσθέτοντας μη εξουσιοδοτημένες συμβολοσειρές.