wake-up-neo.net

Wende Angular 2 App in der mobilen App

Wir haben eine reaktionsfähige Web-App, die mit AngularJS 2 entwickelt wurde. Wir möchten sie in ein Paket packen, um sie als mobile App weiterzugeben. Android ist unsere Priorität. Wir haben uns Cordova angesehen. Gibt es andere Möglichkeiten, eine Web-App in eine mobile App zu verwandeln? Welche Fallstricke sind mit der Umwandlung einer AngularJS 2-Web-App in eine mobile App verbunden?

7
Blair Osbay

Ionic 2 , derzeit in der Beta-Phase, verwendet Angular2, um hybride mobile Apps zu erstellen. Sie müssen einige Änderungen in Ihrer App vornehmen, aber es ist immer noch Angular2, nur mit einigen benutzerdefinierten ionischen Komponenten.

NativeScript verwendet auch Angular2, um Apps zu erstellen, aber dieses Mal werden echte native Apps erstellt. Es gibt ein bisschen mehr Arbeit, Sie müssen Ihre Vorlagen und Stile anpassen, aber der Code ist immer noch Angular2-TypeScript.

7
Maxime Bouveron

Dieser sieht vielversprechender aus Angular-Native-Seed , bei dem Sie nur einmal Code schreiben müssen.

2
Kppatel Patel

Sie können Cordova mit einer sehr geringen Anzahl von Schritten verwenden.

Dieser Link wird hilfreich sein. Es hat bei mir funktioniert.

Sie können auch Ionic verwenden, aber es hat einen Routerfehler ausgelöst und auch die Projektstruktur war anders. Du solltest also ein neues Projekt mit Ionic Router haben und dann selektiv den Winkelcode kopieren. Wo in Cordova, können Sie ein Projekt mit grundlegenden Cordova einrichten und kopieren Sie den gesamten Code auf einmal mit minimalen Konfigurationsänderungen.

1

Jan 2019 suche ich ähnlich für ein persönliches Projekt, ich kenne Angular 7, möchte es in Android/iOS App umwandeln.

Unterhalb des 4 Monate alten Artikels gefunden, der auf Angular.io-Blog veröffentlicht wurde. Es handelt von NativeScript, das von der Progress-Softwarefirma entwickelt wurde und Js- oder Ts- oder Angular + Ts-Projekte unterstützt.

Gleiche Angular 2+ -Projekte können mithilfe der Codefreigabe in mobile Projekte konvertiert werden:

  • Webdateien = Alle nicht -*.tns.* Dateien wie mycomp.html, mycomp.ts, mycomp.css (die üblichen Dateien)
  • Mobile files = (für ios und Android) = Alle *.tns.*/native Skriptdateien, z. B. mycomp.tns.html, mycomp.tns.ts, mycomp.tns.css
  • Wenn mobile Dateien vorhanden sind (*.tns.*), werden diese beim Erstellen des Bundles für Handys (Android/ios) auf Webdateien (nicht *.tns.*) überschrieben.
  • Wenn keine mobilen Dateien vorhanden sind, werden die Webdateien (nicht *.tns.*) zu den mobilen Dateien, daher die gemeinsame Nutzung von Code.
    • Standardmäßig erfolgt die gemeinsame Nutzung von Code (Ihre angle2 + -Dateien werden zu Android/ios -Dateien). Wenn Sie nur für Mobilgeräte ein anderes Erscheinungsbild bzw. eine andere Funktionalität wünschen, erstellen Sie entsprechende mobile Dateien (z. B. a.tns.html für a.html).
  • Sie erhalten native Leistung mit nur sehr geringen Änderungen.
  • Sie können auf Hardware wie Kamera & Standort zugreifen,

Ich bin auf halbem Weg durch das Lesen, aber es sieht schon so aus, als wäre NativeScript, das mit Angular zusammenarbeitet, ein großartiger Weg, um fortzufahren.
Lesen Sie weiter unten, um mehr zu erfahren.