Trung tâm học tập Langsys
Dành cho nhà phát triển tích hợp Langsys vào ứng dụng. Bản địa hóa liên tục, theo thời gian thực — cụm từ trong mã của bạn vừa là khóa vừa là giá trị mặc định; không cần tệp khóa, không cần bước trích xuất. Xem video giới thiệu, đọc năm khái niệm, thiết lập dự án, rồi chọn công nghệ của bạn.
Lộ trình
Ba chặng, theo thứ tự này. Các trang SDK mặc định bạn đã hoàn tất hai chặng đầu.
Khái niệm
Những ý tưởng đằng sau Langsys — cụm từ chính là khóa, phát hiện token, kho ngôn ngữ, các khóa và cách thêm một ngôn ngữ. Năm trang ngắn, mỗi trang kèm một video.
Bước 2 · 2 phútBắt đầu nhanh
Tạo một dự án, tạo khóa ghi và khóa chỉ đọc, rồi đưa chúng vào env của bạn.
Bước 3Chọn công nghệ của bạn
Sáu SDK, một giao diện thống nhất. Mỗi trang bắt đầu từ phần Cài đặt và kết hợp demo trực tiếp với các cách viết đặc trưng của binding đó.
Frontend — JavaScript
Một SDK cơ sở đảm nhận công việc; mỗi binding cho framework chỉ là một lớp bọc mỏng bên trên nó.
TypeScript
SDK nền tảng không phụ thuộc framework — langsys-js-typescript. Mọi binding đều bọc lấy SDK này.
React
Hook và component — langsys-js-react.
Vue
Composable và component — langsys-js-vue.
Svelte
Store và component — langsys-js-svelte. Trang có bản demo cho từng primitive.
Backend — render phía máy chủ
Các template của bạn được dịch trên máy chủ, nên trang đến tay người dùng đã được bản địa hóa sẵn.
PHP
SDK cơ sở — langsys/langsys-php. Dùng được cho mọi ứng dụng PHP: PHP thuần, framework, worker hoặc CLI.
Laravel
Directive Blade @t và hàm trợ giúp t() — langsys/langsys-php-laravel.
Hướng dẫn — kết xuất phía máy chủ
Mỗi hướng dẫn đều theo cùng một mô hình — lấy danh mục bản dịch trên máy chủ, rồi khởi tạo phần liên kết client từ danh mục đó — nhờ vậy danh mục chỉ được tải một lần và khóa máy chủ luôn nằm trên máy chủ.
Next.js
App Router — lấy dữ liệu trong Server Component, khởi tạo bằng 'use client'.
Nuxt
Route Nitro + useAsyncData nạp sẵn dữ liệu cho binding Vue.
SvelteKit
Hàm load trong +layout.server.ts, writable chuẩn làm kho ngôn ngữ.
Thấy là sửa được ngay
So sánh song song
React, Vue, Svelte và TypeScript thuần cùng dịch đồng bộ từ một dự án dùng chung.
Bảng điều khiển
Translation Manager không hiển thị mã trên màn hình: đánh giá, bộ nhớ dịch, tổ chức, tín dụng và thanh toán.
Video
Tất cả các bản demo ở một nơi — phần khái niệm, Svelte từng API một, và Translation Manager.
Khắc phục sự cố
Cụm từ không chịu dịch, CORS chặn, lỗi chỉ đọc âm thầm bỏ sót — các triệu chứng và cách khắc phục.
Bạn đang tìm tài liệu tham khảo API và hướng dẫn tích hợp? Hãy truy cập tài liệu Langsys.