Άμεση τοπικοποίηση για εφαρμογές React

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

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

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

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

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

npm install tacotranslate

Μόλις εγκαταστήσετε το module, θα χρειαστεί να δημιουργήσετε έναν λογαριασμό στο TacoTranslate, ένα έργο μετάφρασης και τα αντίστοιχα κλειδιά API. Δημιουργήστε έναν λογαριασμό εδώ. Είναι δωρεάν και δεν απαιτεί την προσθήκη πιστωτικής κάρτας.

Στο UI της εφαρμογής 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

Βεβαιωθείτε ότι ποτέ δεν διαρρέετε το μυστικό read/write κλειδί API σε περιβάλλοντα παραγωγής στην πλευρά του πελάτη.

Ρύθμιση του 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 component οπουδήποτε μέσα στην εφαρμογή σας για να εμφανίσετε μεταφρασμένο κείμενο! Φροντίστε να δείτε την τεκμηρίωσή μας για περισσότερες πληροφορίες και οδηγούς υλοποίησης που είναι ειδικοί για τη ρύθμισή σας.

import {Translate} from 'tacotranslate/react';

export default async function Component() {
	return (
		<Translate string="Hello? This is TacoTranslate speaking." />
	);
}

Οφέλη από τη χρήση του TacoTranslate

Εξοικονόμηση χρόνου: Αυτοματοποιεί την κουραστική διαδικασία της τοπικοποίησης και της συλλογής συμβολοσειρών, εξοικονομώντας πολύτιμο χρόνο.
Οικονομικό: Μειώνει την ανάγκη για χειροκίνητες μεταφράσεις, μειώνοντας το κόστος τοπικοποίησής σας.
Βελτιωμένη ακρίβεια: Οι μεταφράσεις με τη βοήθεια AI εξασφαλίζουν συμφραζόμενα ακριβείς και υψηλής ποιότητας αποτελέσματα.
Κλιμακούμενη λύση: Προσθέστε εύκολα υποστήριξη για νέες γλώσσες καθώς η εφαρμογή και η πελατειακή σας βάση μεγαλώνουν.

Ξεκινήστε σήμερα!

Η εφαρμογή React σας θα μεταφραστεί αυτόματα όταν προσθέσετε οποιεσδήποτε συμβολοσειρές σε ένα Translate component. Σημειώστε ότι μόνο τα περιβάλλοντα με δικαιώματα read/write στο API key θα μπορούν να δημιουργούν νέες συμβολοσειρές προς μετάφραση.

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