Om produkten Demo Priser
Lösningar
Kontakt API
Projekt SV
Tema

React Lokalisering API & Hantering (i18next Kompatibel)

Lokalisering.One integreras sömlöst med moderna frontend-ramverk. Istället för att hantera stora, konfliktbenägna JSON-filer i ditt Git-repo kan du strömma översättningar direkt till din React, Vue eller Angular-applikation.

Varför väljer utvecklare vår React API?

  • Ren JSON-format: Vi genererar ett standard nyckel-värde objekt ({ "key": "value" }) som är kompatibelt med i18next, react-intl, vue-i18n, och andra populära bibliotek.
  • Ramverksagnostisk: Även om det är perfekt för React, fungerar detta format nativt med Vue.js, Angular, Svelte och Node.js-backends.
  • Konfliktfri: Sluta slå samman JSON-filer manuellt. Låt ditt team redigera översättningar i vårt användargränssnitt, och dra helt enkelt ner den slutliga filen under byggtiden.

Avancerad Projektledning

Skala din frontend-lokalisering utan huvudvärk.

Namnrymder: Använd Kategorier för att organisera strängar i separata filer (t.ex. common.json, home.json, validation.json) för att stödja lat laddning.

Etiketter & Taggar: Märk strängar med anpassade etiketter för att filtrera exporter via API.

Team Samarbete: Bjud in designers och copywriters. Tilldela detaljerade roller (Ägare, Admin, Chef, Översättare).

Webhooks: Automatiskt utlösa Vercel eller Netlify byggen när översättningar uppdateras.

Hur man integrerar

Alternativ 1: Manuell Export (UI)

Perfekt för lokal utveckling eller testning.

  1. Gå till din Projekt Dashboard.
  2. Klicka på Hämta knappen.
  3. Välj JSON (Ren) från formatdropdownen.
  4. Välj språk och ladda ner .json-filen.

Alternativ 2: Automatisera med API (CI/CD)

Hämta de senaste översättningarna direkt i dina package.json-skript eller CI-pipeline. Skicka format=json-clean parametern.

# Ladda ner engelska översättningar
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=1&format=json-clean" > src/locales/en/translation.json

# Ladda ner spanska översättningar
curl "https://api.localization.one/{YOUR_API_KEY}/getTranslations?translation_language=2&format=json-clean" > src/locales/es/translation.json

Alternativ 3: Skicka via Webhooks

Konfigurera en Webhook URL i dina projektinställningar för att automatisera processen helt.

  • Snabba Uppdateringar: Din server får en POST-förfrågan strax efter ändringar (vanligtvis inom 5 minuter).
  • Utlösa Bygg: Anslut webhooks till din CI/CD-leverantör (GitHub Actions, GitLab CI) för att automatiskt bygga om din frontend när innehållet ändras.

Vanliga Frågor

Fungerar detta med Next.js?

Ja. Eftersom Next.js använder standard JSON-filer för internationalisering (i18n), kan du helt enkelt hämta vårt json-clean format till din public/locales mapp under byggprocessen.

Kan jag använda nästlade nycklar?

För närvarande exporterar vi en platt nyckel-värde struktur som fungerar perfekt med i18next. Om du föredrar nästlad JSON (t.ex. home.title), kan du bearbeta filen efter nedladdning eller använda punktnotation i dina nycklar (home.title).

Även relevant för webbutvecklare:

Redo att automatisera din frontend-lokalisering? Skapa ditt gratis konto idag.

Navigering