Mit Version 0.3.0 von VerteilerJSJetzt 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, VerteilerJS ist ein neues Open-Source-Framework, mit dem eine Website eine App für Windows, iOS, Android, Chrome und Firefox erstellen kann, mit der auf den Plattformen gehostete Apps einfach erstellt werden können. Er debütierte bei Microsoft Baue 2015 Konferenz im April. manifestoldJS wird als Befehlszeilenprogramm über Node.js ausgeführt, oder Sie können das verwenden Web-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 sehen, 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 manifestoldJS 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 Projekt Fußgängerüberweg. 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. Erstens ist es 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. Durch die Verwendung von Crosswalk wird dieses Hindernis beseitigt. Außerdem ändert sich die Laufzeit nur, wenn Sie sie in Ihrer App aktualisieren, nicht mit dem Betriebssystem. Wir wissen, dass sich viele Geschäftsanwender bei ihren Anwendungen auf diese Art von Konsistenz verlassen.
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 hinzugefügt, was bei der Installation auf dem Gerät fast 60 MB entspricht. 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 Crosswalk 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 und nicht bei jedem Update wie bei einer nativen Standard-App spürbar.
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 unter 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, einschließlich 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.
- Remote-Test von Microsoft Edge 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 Webplattformstandards 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, mit der das Web funktioniert (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 VerteilerJS Projekt)
Weitere kostenlose plattformübergreifende Tools und Ressourcen für die Webplattform:
