Zum Hauptinhalt springen

Anleitung zur App-Internationalisierung für globale Apps

Lernen Sie die Anwendung internationalisierung von Grundmuster bis hin zu CI/CD-Workflows, Tests und Live-Updates, um globale Apps schneller zu liefern.

Richtlinie für die App-Internationalisierung für globale Apps

Ihre App ist für ihr nächstes Marktgebiet bereit. Die Produktteams haben die übersetzte Kopie genehmigt, Marketing hat die Startvorbereitungen getroffen und das Kundensupport hat seine Skripte aktualisiert. Dann enthüllt die Testphase, dass ein Checkout-Button in Englisch festgelegt ist, dass Daten in falscher Reihenfolge erscheinen, dass Währungen ungewöhnliche Trennzeichen verwenden und dass eine längere Übersetzung die primäre Aktion aus dem Bildschirm schiebt. Der Start wird nicht allein durch die Übersetzungsqualität blockiert. Es wird blockiert durch Entscheidungen, die Monate zuvor im Codebase getroffen wurden.

Dass ist der praktische Ausgangspunkt für die App-InternationalisierungInternationalisierung, meistens als i18n abgekürzt, bereitet das Produkt so vor, dass Sprachen, Regionen, Schriftsysteme und kulturelle Konventionen ohne das Umschreiben von Geschäftslogik hinzugefügt werden können. Die Lokalisierung passt dann das vorbereitete Produkt für ein bestimmtes Marktgebiet an.

Der wirtschaftliche Fall ist in der App-Wirtschaft sichtbar. Eine 2026-Snapshot von 730.024 iOS-App-Store-Apps fand heraus, dass die mittlere App genau eine Sprache, while 68.6% Apps mit einem geschätzten Verdienst von $10.000 oder mehr pro Monat eine mittlere Anzahl von fünf Sprachen, und 50.7% of that top revenue tier ships in five or more languages. Those figures don’t prove that localization alone creates revenue, but they show that multilingual support is much more common among apps with broader commercial ambitions.

Diese Anleitung beginnt mit dem mentalen Modell und geht zu den Ingenieursmustern, Plattformunterschieden, Workflowautomatisierung, Tests und Migration über. Sie gilt für native mobile Produkte, Webanwendungen, Capacitor hybride Apps und Electron-Desktop-Software. Die Einhaltung der Datenschutz-Grundverordnung und die regionale Compliance gehören auch zum Launchplan, damit Teams, die sich mit den regulatorischen Anforderungen auseinandersetzen, diese Anleitung mit einem GDPR-Kompatibilitätscheck.

Inhaltsübersicht

Einführung in die App-Internationalisierung und warum es jetzt zählt

Eine Entwicklungsmannschaft entdeckt oft die Internationalisierung nur Tage vor dem Markteinlass. Das Produkt fordert einen Sprachauswahlmenü, die Gestaltung passt mehrere Bildschirme an, und die Ingenieure finden Benutzerfacing-Text verteilt über Komponenten, Validierungsregeln, Benachrichtigungen, Analysenbeschriftungen und native Konfigurationsdateien. Daten und Zahlen schaffen das gleiche Problem. Ein Datum, das als Anzeigetext gespeichert ist, kann nicht sicher umformatiert werden, während ein Preis, der aus separaten Zeichen zusammengesetzt ist, in einem anderen Land eine andere Reihenfolge benötigt.

Diese späte Entdeckung erzeugt drei teure Entscheidungen: den Markteinlass verschieben, sichtbare Mängel akzeptieren oder code ändern, das nie darauf ausgelegt war, sich nach Region zu ändern. Die Behandlung von i18n als architektonische Fähigkeit ändert den Workflow. Die Markterweiterung wird zu einem kontrollierten Betrieb, der Ressourcen, Präsentation, Test und Release-Konfiguration umfasst, anstatt eine Umstellung.

Praktische Regel: Das App-Design so gestalten, dass eine neue Region Ressourcen und Präsentation ändert, nicht Geschäftsregeln.

Die Übersetzung ist nur ein Teil der globalen Vorbereitung. Ein übersetzter Satz kann immer noch einen Layout brechen, der seine Länge nicht aufnehmen kann. Ein korrekt übersetzter Währungsbetrag kann immer noch Benutzer täuschen, wenn der zugrunde liegende Wert als formatierter Text gespeichert ist. Ein Sprachauswahlmenü kann auch ungleichmäßiges Verhalten erzeugen, wenn die Web-Schicht und die native Schicht unterschiedliche Regionen erkennen.

Späte i18n-Entdeckungen erhöhen die Betriebskosten. Ingenieure müssen sich durch alte Komponenten durchkämpfen, Übersetzer erhalten unvollständige Kontextinformationen, Rezensenten testen eilig eingeführte Änderungen und Release-Teams koordinieren Fixes über mehrere Plattform-Pakete hinweg. Für Capacitor und Electron-Teams kann ein Live-Update-Workflow diesen Kreislauf verkürzen, indem genehmigte Lokalisierungsressourcen und Präsentationsfixes ohne Wartezeit auf eine neue Store-Überprüfung bereitgestellt werden, wenn die Plattform und die Release-Politik es zulassen. Der wichtige Schritt besteht darin, Lokalisierungsänderungen als verwaltete Release-Artikel zu behandeln, nicht als letzte Übersetzungshandover.

Die Richtung vorwärts ist klar:

  • Vorbereiten Sie die Grundlage: Separieren Sie benutzereigene Ressourcen von Anwendungslogik und modellieren Sie locale-sensitiv Werte richtig.
  • Behandeln Sie Sprachverhalten: Unterstützen Sie Pluralregeln, Textausdehnung, Schriftart, Formatierung und zugängliche Sprachänderungen.
  • Anpassen Sie jede Plattform: Berücksichtigen Sie iOS, Android, Browser, Capacitor WebViews und Electron-Pakete.
  • Behalten Sie die Veröffentlichungen in Bewegung: Verbinden Sie Extraktion, Übersetzung, Rezension, Testen und Bereitstellung, so dass neue Zeichen nicht auf einen späten Projektabschnitt warten müssen.
  • Überprüfen Sie die Schnittstelle: Testen Sie langen Text, rechtsläufige Layouts, Kombinationen von Ländern, Fallback-Verhalten, Leistung und Update-Sicherheit.

Die App-Internationalisierung ist eine Disziplin der Release-Engineering. Sie hält spätere Produktänderungen lokalisiert, ermöglicht es den Teams, Sprachprobleme über die geeignete Lieferung zu korrigieren und umfasst regionale Datenschutzarbeiten wie ein GDPR-Komplettcheckliste.

Was App-Internationalisierung wirklich bedeutet

Beginnen Sie mit einem Hausanalogie. Die Internationalisierung ist die anpassbare Verkabelung und -installation, die vor der Dekoration der Räume installiert wird. Die Lokalisierung ist das Einrichten des Hauses für eine bestimmte Region. Die Übersetzung ist das Ändern der Sprache auf Etiketten, Anweisungen und Schildern.

Die Reihenfolge ist wichtig. Wenn die Verkabelung in Wänden eingebettet ist, die für ein Gerät entworfen wurden, wird das Hinzufügen eines neuen Geräts teuer. In Software erzeugen feste Zeichenketten, fixbreite Steuerelemente, konkatinierte Sätze und regionsspezifische Geschäftslogik denselben Art von Einschränkung.

Drei Begriffe, drei Verantwortlichkeiten

Die Internationalisierung, oder i18n ist die Gestaltung und Entwicklung, die es einer App ermöglicht, verschiedene Sprachen und Regionen ohne Änderung ihres Kernverhaltens zu unterstützen. Dazu gehören die Ressourcenbeladung, die Lokalisierung, die Formatierung, die Textrichtung, die Schriftunterstützung und flexible Layouts.

Die Lokalisierung, oder l10n passt das vorbereitete App an eine bestimmte Region an. Dazu gehören übersetzte Schnittstellenkopien, regionsspezifische Formate, lokale Terminologie, kulturell angemessene Bilder und marktspezifische Standards.

Übersetzung wandelt Inhalte von einer Sprache in eine andere um. Sie beschäftigt sich hauptsächlich mit Bedeutung und Wortwahl, obwohl ein gutes Übersetzungsworkflow auch Kontext, Screenshots, Zeichenlimits und Informationen darüber benötigt, wo jede Zeichenkette erscheint.

Eine Diagramm, das die Konzepte der App-Internationalisierung, Lokalisierung und Übersetzung mit einem Haus-Metapher illustriert.

Eine nützliche Implementierungsabgrenzung ist die Lokalisierungsressource. Anstatt sie Payment failed direkt in einem Komponenten, die Komponente bittet um einen semantischen Schlüssel wie payment.error. The English resource maps that key to English text, while another resource maps the same key to a different translation. The component still knows that it needs a payment error. It doesn’t need to know how that error is worded.

The same separation applies beyond strings. Store monetary values as values, not as strings with symbols attached. Store timestamps as timestamps, not as already-formatted dates. Pass locale information to formatters instead of embedding separators or month names in business code.

Warum die Gründung Risiken reduziert

Wenn Ressourcen und Formatierungsregeln außerhalb der Geschäftslogik liegen, reduziert sich das Hinzufügen einer Sprache auf das Ändern von Kaufrechnungen, Authentifizierungsflüssen oder Datenmodellen. Ingenieure können ein Ressourcenpaket aktualisieren, Übersetzer können in einem Übersetzungsmanagement-System arbeiten und QA kann die resultierende Schnittstelle ohne die Störung unabhängiger Verhaltensweisen testen.

Diese Trennung verbessert auch die Verantwortung. Designer können sichere Komponenten für Erweiterungen definieren, Übersetzer können Kontext überprüfen, Produktmanager können entscheiden, welche Märkte unterstützt werden sollen, und Ingenieure können fehlende Schlüssel und Fallback-Regeln durchsetzen. Jede Disziplin erhält einen klaren Platz im Workflow.

Eine Mannschaft, die i18n übersieht, behandelt jede neue Lokalisierung als eine besondere Ausnahme. Eine Mannschaft, die sich für es einsetzt, behandelt Lokalisierung als Eingabe. Diese einzelne Verschiebung erleichtert die globale Unterstützung.

Kernmuster, die jede internationalisierte App benötigt

Ein gutes i18n wird durch ein kleines Set wiederholbarer Muster konkreter. Anwenden Sie sie auf die Komponenten-, Daten- und Release-Ebenen anstatt eine Sprachumschalter auf einer Single-Locale-Codebasis hinzuzufügen.

Eine Pyramide, die die vier Kernmuster für die App-Internationalisierung zeigt: String-Extraktion, ICU-Meldung, Formatierung und Layout-Unterstützung.

Strings in Ressourcen extrahieren

Dieser Transformationsprozess ist der erste praktische Schritt:

Bevor:

showToast("Your profile was saved");

Nachdem:

showToast(t("profile.saved"));

Ressourcen-Datei:

{
  "profile": {
    "saved": "Your profile was saved"
  }
}

Verwenden Sie Schlüssel, die den Sinn beschreiben, nicht die englische Satz. profile.saved bleibt nützlich, wenn sich die englische Wortwahl ändert, während ein Schlüssel auf der Grundlage des ursprünglichen Satzes irreführend werden kann. Fügen Sie Übersetzungs-Kontext hinzu, wenn das gleiche Wort unterschiedliche Dinge bedeuten kann, wie z.B. ob 'Present' eine Aktion oder ein Status ist.

Auf eine korrekte Weise internationalisierte Apps legen alle Benutzerfachinformationen, einschließlich Daten, Zahlen, Währungen und Symbole, in Lokalisierungsressourcen oder Formate ab. Dies Eine mobile i18n-Blueprint Beschreibt, warum diese Trennung es Teams ermöglicht, Sprachen hinzuzufügen, ohne die Geschäftslogik zu ändern.

Verwenden Sie Nachrichtenformate für Grammatik

Dies ist un sicher:

`${count} items`

Eine festgelegte Musterannahme geht davon aus, dass alle Länder dieselbe Pluralverhalten und Wortreihenfolge verwenden. Die Unicode CLDR stellt die gemeinsame Lokalisierungsdatenschicht für Daten, Uhrzeiten, Zeitzone, Zahlen, Währungen und Pluralkategorien bereit. Wie die Lokalisierungshinweise auf der CLDR erklären, unterscheiden sich die Pluralregeln je nach Land, daher benötigen Apps eine Lokalisierungsbewusste Auswahl anstatt eines festen Musters.

Eine Nachricht im ICU-Format könnte wie folgt aussehen:

{count, plural,
  =0 {No items}
  one {# item}
  other {# items}
}

Der Formatter wählt die richtige Zweig. Halten Sie die vollständige Nachricht zusammen, damit Übersetzer die Zahl und das Substantiv umstellen können, wenn die Grammatik es erfordert.

Werte formatieren mit Lokalisierungsbewussten APIs

Versuchen Sie nicht, eine Uhrzeit manuell zusammenzustellen:

`${day}/${month}/${year}`

Verwenden Sie einen Formatter:

new Intl.DateTimeFormat(locale, {
  dateStyle: "medium"
}).format(date)

Das gleiche Prinzip gilt für Zahlen und Währungen:

new Intl.NumberFormat(locale, {
  style: "currency",
  currency: currencyCode
}).format(amount)

IntlICU, CLDR und Bibliotheken für die Konventionen, die je nach Region variieren, verwalten. Sie halten auch die Anzeigelogik in der Nähe der Präsentationslayer, wo sie hingehört.

Entwerfen Sie für Richtung und Erweiterung

Text erweitert sich nicht vorhersehbar über Sprachen hinweg. Buttons benötigen flexible Breiten, Karten benötigen anpassbare Höhen und Etiketten sollten nicht auf einer Zeile basieren. Verwenden Sie Layoutsysteme, die Inhalte wachsen lassen, und testen Sie Steuerelemente mit langen Pseudo-Übersetzungen, bevor Übersetzer die endgültige Überprüfung beginnen.

Rechtsschreibunterstützung benötigt mehr als das Umstellen der Textausrichtung. Icons, Navigation, Abstand, Animationen und Richtungsanweisungen müssen gespiegelt werden. Verwenden Sie logische Eigenschaften wie margin-inline-start anstatt nur linken Regeln, wenn die Plattform sie unterstützt. Bilder, Schriftarten und eingebetteter Text erfordern ebenfalls eine Überprüfung. Eine Schriftart, die eine Schriftart gut darstellt, mag nicht für eine andere geeignet sein, und ein Bild, das englische Wörter enthält, benötigt möglicherweise ein lokalisiertes Asset anstatt einer übersetzten Überlagerung.

Für interface-spezifische Anweisungen können sich Teams, die Capacitor verwenden, auch an diese überplattformen UI- und UX-Praktiken.

Plattformspezifische Überlegungen für Mobile Web Capacitor und Electron

Die Kernregeln bleiben konsistent, aber jede Laufzeit liefert unterschiedliche Lokalisierungssignale und Paketbeschränkungen. Eine native App kann Gerätevorlieben über Plattform-APIs lesen. Ein Browser offenbart Sprachvorlieben über Browser-Einstellungen und JavaScript-APIs. Eine hybride App hat sowohl einen WebView als auch einen nativen Shell, was bedeutet, dass Teams entscheiden müssen, wo die Lokalisierungswahrheit lebt.

Plattform Lokalisierungserkennung Formatierungsansatz Häufige Falle
iOS Geräte- oder App-Spracheinstellungen, mit App-spezifischer Verhaltensweise, soweit unterstützt Grundlagen-Formateure und JavaScript Intl für Webinhalte Nativescreens und WebView-Screens können sich verschieben, wenn sie separate Lokalisierungsstatus verwenden
Android Geräte- und App-Spracheinstellungen, je nach Implementierung Android-Lokalisierungs-APIs und JavaScript Intl in Webinhalten Ressourcenqualifikatoren und WebView-Ressourcen benötigen eine bewusste Fallback-Strategie
Web Browser-Einstellungen, Sprache nach Benutzerpräferenz, URL oder Account-Einstellungen JavaScript Intl, Bibliotheken mit ICU-Unterstützung und serverseitiger Lokalisierung Server- und Client-Lokalisierungsentscheidungen müssen übereinstimmen, um inkonsistente Darstellung zu vermeiden
Capacitor Native Vorliebe plus WebView-Zustand Native Formate, JavaScript Intl, und gemeinsame Ressourcenbündel Ein Live-JavaScript-Update kann lokalisierte Inhalte ändern, ohne native Ressourcen zu ändern
Electron Betriebssystem-Lokalisierung, Anwendungspräferenz oder Kontoeinstellung JavaScript Intl, Node-seitige Logik und Renderer-Ressourcen Packierte Lokalisierungsassets müssen korrekt in Produktionsbuilds eingeschlossen und geladen werden

Nativmobile-Anwendungen

iOS und Android bieten jeweils native Lokalisierungssysteme, aber viele Teams renderen auch erhebliche UI über JavaScript. Entscheiden Sie, ob native und Web-Schichten gemeinsame Lokalcode, Übersetzungs-Schlüssel und Fallback-Regeln teilen. Halten Sie die Lokalisierung explizit, damit eine vom Benutzer ausgewählte Sprache nicht durch die Gerätpreferenz während des nächsten Starts ersetzt wird.

Speichern Sie Metadaten separat. Eine lokalisierte App kann trotzdem an Entdeckbarkeit verlieren, wenn Titel, Untertitel und Beschreibung in einer Sprache bleiben. Ein Analyse von 2023 führt zu führenden US-Apps, die in ausländische Märkte eintreten fand heraus, dass 60% ihre iOS-Titel lokalisiert wurden, fast 90% ihre Produktbeschreibung lokalisiert wurden und 6 von 10 ihre Untertitel lokalisiert wurden. Auf Android, 70% Die Übersetzungen des Titels und 89% Die Übersetzungen der Beschreibungen. Diese sind Ladenfrontentscheidungen und nicht Laufzeit-UI-Entscheidungen, daher sollten sie der Startliste zugeordnet werden und nicht davon ausgegangen werden, dass die Ingenieursbundle sie behandeln.

Weboberflächen

Die Webanwendungen benötigen eine stabile Beziehung zwischen URL, Server-Rendering, Browserpräferenz und Benutzereinstellung. Wenn der Server Englisch renderet, während der Browser sofort auf Deutsch umschaltet, sehen die Benutzer möglicherweise einen Flash oder eine Hydratationsmismatch. Wählen Sie eine Prioritätenliste, speichern Sie die Benutzereinstellung und machen die Fallback-Locale deterministisch.

Laden Sie die Lokalisierungsdateien nur dann, wenn die Anwendung erheblich übersetzte Inhalte enthält. Halten Sie die Standarderfahrung schnell, aber stellen Sie sicher, dass ein Offline- oder fehlgeschlagener-Abfrage-Weg eine sichere Fallback-Option anbieten kann.

Capacitor und Electron

Capacitor-Apps teilen oft eine Web-Codebasis über iOS, Android und den Browser. Das macht gemeinsame Ressourcen effizient, aber native Plugins können noch immer Plattform-spezifische Lokalisierungsverhalten offenlegen. Der WebView sollte eine normalisierte Lokalisierung von einem autoritativen Quelle erhalten, anstatt unabhängig davon zu raten, was Browser- und Geräteeinstellungen sagen. how Capacitor handles platform differences.

Elektron fügt ein Verpackungskonzept hinzu. Der Renderer kann Lokalisierungsdateien in Entwicklung und in einer verpackten Anwendung unterschiedlich laden, daher müssen Produktionsbuilds sicherstellen, dass Ressourcen vorhanden, ansprechbar und gemeinsam aktualisiert sind. Wenn JavaScript-Bundles Live-Updates erhalten können, legen Sie fest, ob Lokalisierungsdateien Teil des gleichen signierten Bundles sind und wie ein fehlgeschlagener Update rückgängig gemacht wird.

Tooling-Bibliotheken und Übersetzungsworkflows, die skalieren

Eine Übersetzungsbibliothek schafft eine Lokalisierungsworkflow nicht allein. Ein Team kann i18next, FormatJS oder native Intl APIs and still miss a release if key ownership, context, review, delivery, and rollback are unclear. Treat every new string like a software artifact that moves through the same controls as code.

Ein Entwickler fügt einen semantischen Schlüssel hinzu

  1. Ein Entwickler fügt einen semantischen Schlüssel hinzu mit Kontext, Screenshots, Variablen und Zeichenlimits, wo es wichtig ist.
  2. und sendet ihn an ein Übersetzungsmanagement-System. Übersetzer und Reviewer verwenden den gleichen Quelltext
  3. Translatoren und Rezensenten verwenden die gleiche Quelle während die Build-Checks die Platzhalter und erforderlichen Länder überprüfen.
  4. CI holt genehmigte Ressourcen und paketiert sie mit der Anwendung oder sendet sie über einen genehmigten Updatekanal.
  5. QA-Überprüfungen für geänderte Länder statt jedes linguistische Review von vorne zu wiederholen.
  6. Release-Kontrollen verwalten die Ausstrahlungbeginnend mit internen, Beta- oder Zielgruppenbenutzern, bevor eine breitere Veröffentlichung erfolgt.

Eine Diagramm, das eine vierstufige skalierbare Prozess für Software-Internationalisierung, Übersetzungsmanagement und kontinuierliche Lokalisierung-Workflows darstellt.

Weshalb der Pipeline wichtig ist

Der Hauptschritt ist oft das Warten auf genehmigte Inhalte, nicht das Schreiben des code. A 2026 Entwicklerumfrage zu i18n-Workflows entdeckte, dass 64% von den Befragten Translation Workflow-Effizienz als ihre größte Herausforderung identifizierten, 78% warten auf Übersetzungen verzögern Releases. 52% fehlte eine systematische Übersetzungs-Qualitätsprüfung außerhalb der manuellen Überprüfung. Der gleiche Quelle berichtet, dass 41% eine über die Luftlinie implementierte Systeme und 28% geplant war, dies 2026 zu tun. Diese Ergebnisse verbinden die Lokalisierung mit der Veröffentlichung und nicht als getrennte Inhaltszyklus behandeln.

Die CI sollte vor der Verpackung vorhersehbare Fehler fangen:

  • Versäumte Schlüssel: Fehler oder Warnung, wenn eine Quellenschlüssel keine Fallback hat.
  • Placeholdernachlauf: Überprüfen Sie, ob Variablen wie {count} existieren in jedem übersetzten Nachricht.
  • Vergessene Schlüssel: Flaggen Sie Ressourcen, die nicht mehr im Anwendungsprogramm erscheinen.
  • Ungültige Syntax: Verwerfen Sie fehlerhaftes JSON, ICU-Meldungen oder Ressourcen-Dateien.
  • Ländersprachendeckung: Berichte, welche unterstützten Länderpakete geändert wurden und welche noch überprüft werden müssen.

Für CI-Integration-Muster siehe die Entwicklererlebnis-Tools-Übersicht.

Live-Updates als Release-Engineering

Für Capacitor und Electron-Teams kann eine Lokalisierungskorrektur innerhalb eines signierten JavaScripts, CSS, Kopie, Konfiguration und Asset-Bundles reisen. Ein Live-Update-Plattform wie Capgo kann Kanäle ansteuern, differenzielle Updates liefern, die nur geänderte Dateien enthalten, die Adoption und Fehlerraten offenlegen und automatische Rollover-Schutzmaßnahmen bereitstellen. Dies schafft einen Release-Engineering-Weg für die Korrektur eines falsch übersetzten Labels oder Layoutregels ohne auf eine vollständige Store-Submission warten zu müssen, vorausgesetzt, die Team definiert seine Update-Politik, Überprüfungsprozess, Signierungsregeln und native Kompatibilitätsgrenzen.

Live-Updates ersetzen keine Store-Veröffentlichungen. Native Strings, Berechtigungen, Plattform-APIs und Änderungen, die die installierte native Runtime überschreiten, erfordern den entsprechenden Verteilungsweg. Sie bieten eine schnellere Spur für kompatible Lokalisierungskorrekturen, wo eine kleine Inhaltskorrektur sonst auf die nächste Anwendungsveröffentlichung warten muss.

Testen Sie QA, Leistung und Sicherheit für globale Apps

Die Internationalisierungstests sollten Annahmen aufdecken, bevor die Benutzer das tun. Ein einzelnes übersetzter Screenshot reicht nicht aus, da Fehlschläge oft von einer bestimmten Combination von Ländersprache, Datenlänge, Bildschirmgröße, Schriftart und Plattform abhängen.

Ausführliche Vier-Schritt-Checkliste für die Überprüfung der Leistung und Sicherheit von QA in globalen Softwareanwendungen.

Mit feindseliger Inhalte beginnen.

Pseudolokalisierung ersetzt normale Zeichenfolgen durch Testtext, der absichtlich länger, betont oder um Markierungen herum ist. Sie hilft dabei, festgelegte Zeichenfolgen, abgeschnittene Beschriftungen, feste Höhe von Karten und Steuerelemente zu erkennen, die nur in Englisch funktionieren. Testiere sowohl leere als auch belegte Zustände, da Pluralnachrichten und Validierungsfehler oft unterschiedliche Layoutpfade haben.

Für die RTL-Überprüfung ist eine vollständige Navigation erforderlich. Überprüfe die Textausrichtung, die Zurück-Buttons, die Icons, die Diagramme, die Swipe-Gesten, die Formfelder und das gemischte Richtungsgehalt, wie z.B. einen arabischen Satz mit einem Produkt code. Führe nicht jedes Icon automatisch um. Richtungsicons mögen umgedreht werden, während Marken und einige Objekticons unverändert bleiben.

Automatisiere die Lokalisierungs-Matrix.

Bau eine Testmatrix um die unterstützten Sprachen- und Regionenkombinationen, nicht nur um Sprachnamen. Eine Sprache kann unterschiedliche Konventionen in verschiedenen Regionen haben, insbesondere für Datum, Zahlen, Währungen, Kalender und Zeitzone.

  • Funktionsprüfungen: Bestätige die Auswahl, Persistenz, Fallback, Pluralzweige und Fehlermeldungen.
  • Visuelle Prüfungen: Fange wichtige Screens mit langen Zeichenfolgen, aktiviertem RTL und engen Breiten ein.
  • Sprachliche Prüfungen: Gib den Rezensenten Kontext, Screenshots, Variablen und die beabsichtigte Aktion.
  • Rückgängigmachbarkeitsprüfungen: Installationsprüfung für Updates, unterbrochene Downloads, Offline-Start und Rolloververhalten.

Leistung erfordert Disziplin, wenn sich die Lokalisierungsressourcen vermehren. Große Pakete sollten nach Sprache oder Funktion aufgeteilt werden, wenn dies angebracht ist, nicht-essentielle Sprachen sollten lazy geladen und validierte Ressourcen gecached werden. Vermeiden Sie es, dass die erste Seite von einer langsamen Übersetzungsanfrage abhängt, es sei denn, die Anwendung hat eine zuverlässige Fallback-Option.

Sicherheit gehört in denselben Überprüfungsprozess. Behandeln Sie Lokalisierungsidentifikatoren und vom Benutzer bereitgestellte übersetzte Inhalte als Eingaben, validieren Sie die Ressourcenstruktur, schützen Sie Übersetzungs-Management-Zugriffscodes und überprüfen Sie die Integrität von remote gelieferten Paketen. Ein Live-Update-Workflow sollte signierte Artefakte verwenden, kontrollierte Kanäle, Versionskompatibilitätsprüfungen, beobachtbare Fehler und einen getesteten Rolloverweg verwenden. Teams, die die Kontrolle über die Bereitstellung planen, können auch diese Anleitung zum Multi-Region-Bereitstellung.

Alles zusammenfassend mit Code Beispielen und Migration-Checkliste

Ein Checkout-Bildschirm zeigt, warum die Migration-Reihenfolge wichtig ist. Beginnen Sie mit den code Benutzern, die am meisten berührt werden, dann ersetzen Sie jede Annahme mit einer lokalisierungsbewussten Grenze. Hartgekochte Beschriftungen, Daten, Währungen, Pluralnachrichten und feste Breitenlayouts sollten als separate Migrationstasks behandelt werden, mit einem Fallback-Lokalisierungscode, der verhindert, dass fehlende Ressourcen leere Steuerungselemente hinterlassen.

Beispiel: Ersetzen Sie die Währungskonkatenation in einem bestehenden Komponenten.

Bevor:

price.textContent = currencySymbol + amount;

Nachdem:

price.textContent = new Intl.NumberFormat(locale, {
  style: "currency",
  currency: currencyCode
}).format(amount);

Halten Sie amount als rohe numerische Werte. Der Formatter entscheidet über die Platzierung von Symbolen, Trennzeichen, Dezimalkonventionen und andere regionale Details. Dies vermeidet das Streuen von Lokalisierungsregeln durch die Checkout-Logik.

Ein praktischer Migrationscheckliste:

  • Verzeichnis: Finden Sie benutzerfreundliche Zeichenketten, formatierte Werte, Bilder mit Text und Lokalisierungsannahmen.
  • Externalize: Verschieben Sie Kopien in Ressourcen-Dateien mit semantischen Schlüsseln und Übersetzerkontext.
  • Normalisieren Sie den Lokalisierungsstatus: Definieren Sie Erkennung, Benutzerübernahme, Persistenz und Fallback-Verhalten.
  • Ersetzen Sie manuelle Formatierung: Verwenden Sie Plattform- oder JavaScript-Lokalisierungsformate.
  • Sichern Sie Layouts: Testen Sie Erweiterung, Kürzung, bidirektionale Texte, Schriftarten und RTL-Spiegelung.
  • Automatisieren Sie die Validierung: Überprüfen Sie fehlende Schlüssel, Platzhalter, Ressourcensyntax und geänderte Länder in CI.
  • Freisetzungen sicher durchführen: Verwenden Sie den Ladenprozess oder einen kontrollierten Live-Update-Kanal, um lokale Anpassungen kompatibel zu machen, wobei Sie Signieren, schrittweise Freigabe, Überwachung und Rollover verwenden.

Wählen Sie einen hohen-Traffic-Fluss, wie das Onboarding oder das Checkout, für die erste Durchführung. Sobald die Ressourcengrenze und die Validierungs-Pipeline funktionieren, wenden Sie die gleichen Konventionen auf die App an, anstatt einen unkontrollierten Umbau zu versuchen.

Für CapacitorJS- und Electron-Teams unterstützt Capgo signierte Live-Update-Bundles für kompatible JavaScript, CSS, Kopien, Konfigurationen und Asset-Änderungen. Kanäle, differenzielle Lieferung, Beobachtbarkeit und Rollover-Schutz können eine Lokalisierungsanpassung an einen bestehenden CI/CD-Workflow anbinden, was die Abhängigkeit von einer Ladenprüfung für jede kompatible Korrektur reduziert. Vergleichen Sie diesen Veröffentlichungsweg mit Ihren Bereitstellungssteuerungen, bevor Sie ihn auf andere Länder erweitern.

Live-Updates für Capacitor-Apps

Kontext: Capgo-Marketing-Website. Rolle: Website-Text. Gesehen in: Komponente GetStarted.astro. Capgo-Produkt-/Marken- und Entwicklertitel bleiben genau erhalten.

Neuestes aus unserem Blog

Capgo bietet Ihnen die besten Einblicke, die Sie benötigen, um eine echte professionelle Mobil-App zu erstellen.