TacoTranslate
/
ΤεκμηρίωσηΤιμολόγηση
 
Άρθρο
04 Μαΐ

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

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

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

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

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

Φροντίστε να δείτε τα πλήρη παραδείγματα στο προφίλ μας στο GitHub. Αν αντιμετωπίσετε οποιοδήποτε πρόβλημα, μη διστάσετε να επικοινωνήσετε μαζί μας, και θα χαρούμε πολύ να βοηθήσουμε.

Το TacoTranslate σας επιτρέπει να εντοπίζετε αυτόματα τις εφαρμογές React γρήγορα προς και από οποιαδήποτε γλώσσα. Μεταφράστε δωρεάν!

Ένα προϊόν από NattskiftetΚατασκευάστηκε στη Νορβηγία