Απρόσκοπτη τοπικοποίηση για εφαρμογές 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 της ιστοσελίδας σας. Διαβάστε περισσότερα για τα origins εδώ.

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

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

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