Centrum nauki Langsys
Dla programisty integrującego Langsys z aplikacją. Lokalizacja ciągła w czasie rzeczywistym — fraza w kodzie jest zarazem kluczem i wartością domyślną; bez pliku kluczy i bez etapu ekstrakcji. Obejrzyj film wyjaśniający, poznaj pięć pojęć, skonfiguruj projekt, a potem wybierz swój stos technologiczny.
Ścieżka
Trzy przystanki, w tej kolejności. Strony SDK zakładają, że masz za sobą dwa pierwsze.
Pojęcia
Założenia stojące za Langsys — fraza jako klucz, wykrywanie tokenów, magazyn ustawień regionalnych, klucze i dodawanie języka. Pięć krótkich stron, każda z własnym filmem.
Krok 2 · 2 minSzybki start
Utwórz projekt, wygeneruj klucz zapisu i klucz tylko do odczytu, a następnie dodaj je do swojego env.
Krok 3Wybierz swój stos
Sześć SDK, jeden interfejs. Każda strona zaczyna się od instalacji i łączy demonstracje na żywo z idiomami danej integracji.
Frontend — JavaScript
Całą pracę wykonuje jeden bazowy pakiet SDK; każde powiązanie z frameworkiem to cienka nakładka na nim.
TypeScript
Bazowy SDK niezależny od frameworka — langsys-js-typescript. Każda integracja go opakowuje.
React
Hooki i komponenty — langsys-js-react.
Vue
Composables i komponenty — langsys-js-vue.
Svelte
Magazyny i komponenty — langsys-js-svelte. Strona z demonstracją dla każdego elementu podstawowego.
Backend — renderowanie po stronie serwera
Twoje szablony są tłumaczone na serwerze, więc strona trafia do użytkownika już zlokalizowana.
PHP
Bazowe SDK — langsys/langsys-php. Dowolna aplikacja PHP: czysty PHP, framework, worker lub CLI.
Laravel
Dyrektywa Blade @t i helper t() — langsys/langsys-php-laravel.
Przewodniki — renderowanie po stronie serwera
Każdy poradnik opiera się na jednym schemacie — pobierz katalog na serwerze, zainicjuj na jego podstawie powiązanie klienta — dzięki czemu katalog jest pobierany tylko raz, a klucz serwerowy pozostaje na serwerze.
Next.js
App Router — pobieranie w Server Component, inicjalizacja z 'use client'.
Nuxt
Trasa Nitro + useAsyncData zasilająca integrację z Vue.
SvelteKit
Ładowanie w +layout.server.ts, standardowy writable jako magazyn ustawień regionalnych.
Zobacz problem i napraw go
Obok siebie
React, Vue, Svelte i czysty TypeScript tłumaczą w idealnej synchronizacji z jednego wspólnego projektu.
Panel
Translation Manager bez kodu na ekranie: recenzja, pamięć, organizacje, kredyty i rozliczenia.
Filmy
Wszystkie materiały demo w jednym miejscu — ścieżka pojęć, Svelte API po API oraz Translation Manager.
Rozwiązywanie problemów
Frazy, które się nie tłumaczą, blokady CORS, ciche braki w trybie tylko do odczytu — objawy i rozwiązania.
Szukasz dokumentacji API i przewodników integracji? Przejdź do dokumentacji Langsys.