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.
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:
npm install manifoldjs -g
Jetzt fügen Sie einfach die Crosswalk-Flagge zu Ihren Starteinstellungen hinzu und beobachten, was als nächstes passiert:
manifoldjs http://www.thishereweb.com –p Android –c
Und … BOOM! Sie haben gerade eine gehostete Webanwendung mit Crosswalk erstellt.
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:
manifoldjs http://get.webgl.org/
Und hier ist die gleiche App mit aktiviertem Crosswalk. Es wurde nach dem Hinzufügen der generiert -c (oder –-crosswalk) zum vorherigen Befehl:
manifoldjs http://get.webgl.org/ --crosswalk
Oder:
manifoldjs http://get.webgl.org/ -c
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.
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::
- Scannen Sie Ihre Site nach veralteten Bibliotheken, Layout- und Eingabehilfen.
- Verwenden Sie virtuelle Maschinen für Mac, Linux und Windows.
- Testen Sie Microsoft Edge remote auf Ihrem eigenen Gerät.
- Coding Lab auf GitHub: Cross-Browser-Tests und Best Practices.
Eingehende technische Informationen zu Microsoft Edge und der Webplattform von unseren Ingenieuren und Evangelisten:
- Microsoft Edge Web Summit 2015 (Was erwartet Sie mit dem neuen Browser, den neuen unterstützten Standards für Webplattformen und den Gastrednern aus der JavaScript-Community?)
- Woah, ich kann Edge und IE auf einem Mac und Linux testen! (von Rey Bango)
- JavaScript weiterentwickeln, ohne das Web zu beschädigen (de Christian Heilmann)
- Die Edge-Rendering-Engine, die das Web antreibt (von Jacob Rossi)
- Entfesseln Sie 3D-Rendering mit WebGL (von David Catuhe, einschließlich der Vorlon.JS und BabylonJS Projekte)
- Gehostete Webanwendungen und Innovationen für Webplattformen (von Kevin Hill und Kiril Seksenov, einschließlich der mannigfaltigJS Projekt)
Weitere kostenlose plattformübergreifende Tools und Ressourcen für die Webplattform:
Unterstützen Sie unsere Arbeit ❤️
Wenn Ihnen dieser Artikel gefallen hat, können Sie uns mit einem Trinkgeld unterstützen, damit wir weiterhin großartige Inhalte veröffentlichen können.
