TacoTranslate
/
เอกสารประกอบราคา
 
  1. บทนำ
  2. เริ่มต้นใช้งาน
  3. การตั้งค่าและการกำหนดค่า
  4. การใช้งาน TacoTranslate
  5. การเรนเดอร์ฝั่งเซิร์ฟเวอร์
  6. การใช้งานขั้นสูง
  7. แนวทางปฏิบัติที่ดีที่สุด
  8. การจัดการข้อผิดพลาดและการดีบัก
  9. ภาษาที่รองรับ

เริ่มต้นใช้งาน

การติดตั้ง

ในการติดตั้ง TacoTranslate ในโปรเจกต์ของคุณ ให้เปิดเทอร์มินัลแล้วไปที่ไดเรกทอรีรากของโปรเจกต์ของคุณ จากนั้นรันคำสั่งต่อไปนี้เพื่อติดตั้งด้วย npm:

npm install tacotranslate

สมมติว่าคุณมีโปรเจ็กต์ที่ตั้งค่าไว้แล้ว ดูตัวอย่าง สำหรับข้อมูลเพิ่มเติม.

การใช้งานพื้นฐาน

ตัวอย่างด้านล่างนี้แสดงวิธีการสร้างไคลเอนต์ TacoTranslate ห่อหุ้มแอปพลิเคชันของคุณด้วยผู้ให้บริการ TacoTranslate และใช้คอมโพเนนต์ Translate เพื่อแสดงข้อความที่แปลแล้ว

import createTacoTranslateClient from 'tacotranslate';
import {TacoTranslate, Translate} from 'tacotranslate/react';

const tacoTranslateClient = createTacoTranslateClient({apiKey: 'YOUR_API_KEY'});

function Page() {
	return <Translate string="Hello, world!" />;
}

export default function App() {
  return (
    <TacoTranslate client={tacoTranslateClient} locale="es">
      <Page />
    </TacoTranslate>
  );
}

ตัวอย่างถูกตั้งค่าให้ใช้ภาษาสเปน (locale="es") ดังนั้นส่วนประกอบ Translate จะส่งออก "¡Hola, mundo!".

สร้างคีย์ API

ตัวอย่าง

ไปที่ โฟลเดอร์ตัวอย่างบน GitHub ของเรา เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีตั้งค่า TacoTranslate ให้เหมาะกับกรณีการใช้งานของคุณ เช่น การใช้งานกับ Next.js App Router หรือการใช้ Create React App.

เรายังได้ตั้งค่า CodeSandbox ไว้ให้คุณ ดูได้ที่นี่.

การตั้งค่าและการกำหนดค่า

ผลิตภัณฑ์จาก Nattskiftetผลิตในนอร์เวย์