Учебный центр Langsys

Для разработчика, который интегрирует Langsys в приложение. Непрерывная локализация в реальном времени: фраза в вашем коде служит и ключом, и текстом по умолчанию; никаких файлов ключей и шагов извлечения. Посмотрите обзорное видео, изучите пять основных концепций, настройте проект, а затем выберите свой стек.

Смотреть · 1:17 Что такое Langsys?

Путь

Три остановки в таком порядке. Страницы SDK предполагают, что первые две уже пройдены.

Шаг 1 · 10 мин

Основные понятия

Идеи, лежащие в основе Langsys: фраза как ключ, обнаружение токенов, хранилище локалей, ключи и добавление локали. Пять коротких страниц, к каждой — своё видео.

Шаг 2 · 2 мин

Быстрый старт

Создайте проект, выпустите ключ для записи и ключ только для чтения, подключите их в своё окружение.

Шаг 3

Выберите свой стек

Шесть SDK, единый интерфейс. Каждая страница начинается с установки и сочетает живые демо с идиомами соответствующей привязки.

Фронтенд — JavaScript

Всю работу выполняет один базовый SDK; каждая привязка к фреймворку — это тонкая обёртка над ним.

TypeScript

Базовый SDK, не зависящий от фреймворка, — langsys-js-typescript. Все привязки построены на нём.

React

Хуки и компоненты — langsys-js-react.

Vue

Composables и компоненты — langsys-js-vue.

Svelte

Хранилища и компоненты — langsys-js-svelte. Страница с демо для каждого примитива.

Бэкенд — серверный рендеринг

Ваши шаблоны переводятся на сервере, поэтому страница приходит уже локализованной.

PHP

Базовый SDK — langsys/langsys-php. Любое PHP-приложение: чистый PHP, фреймворк, воркер или CLI.

Laravel

Директива Blade @t и хелпер t() — langsys/langsys-php-laravel.

Руководства — серверный рендеринг

Каждое руководство следует одному шаблону: получить каталог на сервере и инициализировать на его основе клиентскую привязку — так каталог загружается один раз, а серверный ключ остаётся на сервере.

Next.js

App Router — получение данных в серверном компоненте, инициализация через 'use client'.

Nuxt

Маршрут Nitro + useAsyncData для начального наполнения привязки Vue.

SvelteKit

Загрузка в +layout.server.ts, стандартный writable в качестве хранилища локалей.