Vereinfachen Sie die Android-Entwicklung mit ManifoldJS mit Crosswalk

Mit Version 0.3.0 von mannigfaltigJSJetzt können Sie Ihre Android-Apps mit Crosswalk anstelle der herkömmlichen Android-Webansicht erstellen. Es ist auch recht einfach zu implementieren.

Wenn Sie nicht vertraut sind, mannigfaltigJS ist ein neues Open-Source-Framework, mit dem eine Website erstellt und eine App für Windows, iOS, Android, Chrome und Firefox erstellt werden kann. So können auf einfache Weise Apps erstellt werden, die auf allen Plattformen gehostet werden. Er debütierte bei Microsoft Baue 2015 Konferenz im April. manifestoldJS wird als Befehlszeilentool über Node.js ausgeführt, oder Sie können das verwenden webbasiertes Tool.

mannigfaltigJS

In diesem Tutorial zeige ich Ihnen die einfachen Schritte, damit es funktioniert, damit Sie es selbst ausprobieren können. Stellen Sie zunächst sicher, dass der Verteiler JS installiert und ausgeführt wird.

Schritt 1

Installieren Sie Node.js. von nodejs.org.

2. Schritt

Öffnen Sie Ihre bevorzugte Eingabeaufforderung (Terminal unter Mac oder Linux) und geben Sie Folgendes ein:

Jetzt fügen Sie einfach die Crosswalk-Flagge zu Ihren Starteinstellungen hinzu und beobachten, was als nächstes passiert:

Und … BOOM! Sie haben gerade eine gehostete Webanwendung mit Crosswalk erstellt.

Shiftr App auf Android-Handys

Ein praktisches Beispiel für einen Fußgängerüberweg

Mit Crosswalk können Sie sicher sein, dass die neuesten HTML5-Funktionen wie WebGL, IndexedDB, Web Sockets und CSS3 für Ihre Anwendung verfügbar sind. Hier ist beispielsweise die Ausgabe einer WebGL-Anwendung, die die Standardwebansicht verwendet und von vielfältigJS mit dem folgenden Befehl generiert wurde:

Es tut uns leid, aber Ihr Browser scheint WebGL nicht zu unterstützen

Und hier ist die gleiche App mit aktiviertem Crosswalk. Es wurde nach dem Hinzufügen der generiert -c (oder –-crosswalk) zum vorherigen Befehl:

Oder:

Ihr Browser unterstützt WebGL

Mit Crosswalk können Sie sicher sein, dass alle Benutzer die gewünschte Erfahrung erhalten.

Was ist Zebrastreifen?

Crosswalk ist eine Web-Laufzeitumgebung, die von der Fußgängerüberwegsprojekt. Crosswalk nahm die Open-Source-Chromium- und Blink-Engines und kompilierte sie zu einer modernen, aktuellen Laufzeitumgebung. Sie können sich Crosswalk als leistungsstarke Webansicht vorstellen. Wenn der Crosswalk-Indikator gesetzt ist, verwenden wir ihn anstelle der herkömmlichen Webansicht von Android.

Warum ist der Zebrastreifen wichtig?

Die Fußgängerüberwegunterstützung hat zwei Hauptvorteile. Zunächst einmal ist dies eine „aktualisierte“ Web-Laufzeitumgebung. Dies ist möglicherweise kein großer Vorteil für Android-Benutzer gegenüber einer neueren Version des Android-Betriebssystems, aber für Benutzer älterer Versionen des Betriebssystems ist dies eine enorme Verbesserung. Mit der Crosswalk-Webansicht erhalten Sie Zugriff auf die neuesten HTML5-Funktionen und Leistungssteigerungen gegenüber der herkömmlichen Webansicht.

Zweitens bietet Crosswalk eine konsistente Laufzeitumgebung. Mit all den verschiedenen Versionen von Android, die heute verwendet werden, haben Sie so viele verschiedene Versionen der Android-Webansicht, dass Sie gezwungen sind, auf dem kleinsten gemeinsamen Nenner zu schreiben. Die Verwendung von Crosswalk beseitigt dieses Hindernis. Außerdem ändert sich die Laufzeit nur, wenn Sie sie in Ihrer App aktualisieren, nicht mit dem Betriebssystem. Wir wissen, dass viele Geschäftsanwender für ihre Anwendungen auf diese Art von Konsistenz angewiesen sind.

verbunden :  Die 7 besten Telefone, die die Akkulaufzeit verlängern

Warum sollte ich Crosswalk nicht benutzen?

Ich kann mir nur einen Grund vorstellen, warum Sie Crosswalk nicht verwenden möchten: die Größe der App. Die durchschnittliche APK-Datei (eine App-Datei für Android), die wir erstellen, beträgt nur wenige Megabyte. Durch Hinzufügen von Crosswalk zur App werden zusätzliche 20 MB oder fast 60 MB hinzugefügt, wenn sie auf dem Gerät installiert sind. Sie müssen entscheiden, ob sich die Kosten der Ressource lohnen.

Das Gruppieren der Laufzeitumgebung mit der App ist der einfachste Ansatz für Verteilungszwecke. Crosswalk-Apps können jedoch auch eine einzelne Laufzeitbibliothek (im “freigegebenen Modus”) gemeinsam nutzen, um die Last zu verringern. Ein Paket, das den freigegebenen Modus aktiviert, ist Teil der Crosswalk-Distribution für Android. Sie müssen dieses gemeinsam genutzte Laufzeitpaket jedoch selbst verteilen. Besuche den Wiki Zebrastreifen für mehr Details.

Beachten Sie, dass die Natur einer gehosteten Webanwendung darin besteht, dass Sie Ihre Anwendung auf Ihrem Webserver aktualisieren. In den meisten Fällen werden die Kosten für die hinzugefügte Paketgröße beim ersten Download spürbar, nicht bei jedem Update wie bei einer nativen Standard-App.

Allez Team Zebrastreifen

Wir freuen uns, die Crosswalk-Web-Laufzeitumgebung zu unterstützen. Es füllt eine Lücke im Android-System, die die Entwicklung einfacher und zuverlässiger macht. Probieren Sie es mit Ihrer nächsten vielfältigen JS-App aus und sehen Sie, was Sie denken. Weitere Informationen zu Crosswalk finden Sie auf der Crosswalk-Projekt-Website. Um mit dem Erstellen von Store-Apps von Ihrer Website aus zu beginnen, gehen Sie zu Website-Web-MannigfaltigkeitJS und Start.

Bequemer mit JavaScript

Dieser Artikel ist Teil der Webentwicklungsreihe von Microsoft Technical Evangelists zum praktischen Lernen von JavaScript, Open Source-Projekten und Best Practices für die Interoperabilität Microsoft Edge Browser und das neue EdgeHTML-Renderer.

Wir empfehlen Ihnen, auf verschiedenen Browsern und Geräten zu testen, einschließlich Microsoft Edge, dem Standardbrowser für Windows 10, mit kostenlosen Tools unter dev.modern.IE::

Eingehende technische Informationen zu Microsoft Edge und der Webplattform von unseren Ingenieuren und Evangelisten:

verbunden :  So finden Sie den kürzesten Abstand zwischen zwei Punkten in Google Maps

Weitere kostenlose plattformübergreifende Tools und Ressourcen für die Webplattform:

Moyens Staff
Moyens I/O-Personal. motivierte Sie und gab Ratschläge zu Technologie, persönlicher Entwicklung, Lebensstil und Strategien, die Ihnen helfen werden.
We would like to show you notifications for the latest news and updates.
Dismiss
Allow Notifications