Share
Met versie 0.3.0 van manifoldJS kunt u nu kiezen om uw Android-apps met Crosswalk te bouwen in plaats van de traditionele Android-webweergave. Het is vrij eenvoudig om ook te implementeren.
Als je niet bekend bent, is manifoldJS een nieuw open-source framework dat een website kan maken en een app kan maken voor Windows, iOS, Android, Chrome en Firefox, waardoor het maken van gehoste apps op verschillende platforms wordt vereenvoudigd. Het debuteerde op de Microsoft Build 2015-conferentie in april. manifoldJS wordt uitgevoerd als een opdrachtregelhulpprogramma via Node.js, of u kunt de webgebaseerde tool gebruiken.
In deze zelfstudie laat ik de eenvoudige stappen zien om deze in gebruik te nemen, zodat u hem zelf kunt proberen. Zorg er eerst voor dat u manifoldJS geïnstalleerd en actief heeft.
Installeer Node.js van nodejs.org.
Open uw favoriete opdrachtprompt (Terminal op Mac of Linux) en typ:
npm install manifoldjs -g
Voeg nu gewoon de Crosswalk-vlag toe aan uw opstartparameters en kijk wat er daarna gebeurt:
manifoldjs http://www.thishereweb.com -p Android -c
En ... BOOM! U hebt zojuist een gehoste web-app gebouwd met Crosswalk.
Met Crosswalk kunt u erop vertrouwen dat de nieuwste HTML5-functies, zoals WebGL, IndexedDB, Web Sockets en CSS3, beschikbaar zijn voor uw app. Dit is bijvoorbeeld de uitvoer van een WebGL-toepassing die de standaardwebview gebruikt en werd gegenereerd door manifoldJS met het volgende commando:
manifoldjs http://get.webgl.org/
En hier is dezelfde applicatie met Crosswalk ingeschakeld. Het werd gegenereerd na het toevoegen van de -c (of --zebrapad) flag naar de vorige opdracht:
manifoldjs http://get.webgl.org/ --crosswalk
Of:
manifoldjs http://get.webgl.org/ -c
Met Crosswalk weet u zeker dat al uw gebruikers de beoogde ervaring hebben.
Crosswalk is een webruntime-omgeving die is ontwikkeld door het Crosswalk-project. Crosswalk heeft de open-source Chromium- en Blink-engines gebruikt en deze gecompileerd tot een moderne, up-to-date runtime-omgeving. U kunt Crosswalk beschouwen als een krachtige webweergave. Wanneer de Crosswalk-vlag is ingesteld, gebruiken we deze in plaats van de traditionele Android-webweergave.
Crosswalk-ondersteuning biedt twee belangrijke voordelen. Ten eerste is het een "bijgewerkte" webruntime-omgeving. Dat is misschien niet zo'n groot voordeel voor Android-gebruikers op een recente versie van het Android-besturingssysteem, maar voor gebruikers van oudere versies van het besturingssysteem is dit een enorme verbetering. De webview van Crosswalk geeft u toegang tot de nieuwste HTML5-functies en prestatiewinst via de traditionele webweergave.
Ten tweede biedt Crosswalk een consistente runtime-omgeving. Met alle verschillende versies van Android die vandaag worden gebruikt, heb je zoveel verschillende versies van de Android-webview, dus je bent gedwongen om naar de kleinste gemene deler te schrijven. Het gebruik van Crosswalk verwijdert die hindernis. Bovendien wordt de runtime alleen gewijzigd als u deze in uw app bijwerkt, niet bij het besturingssysteem. We weten dat veel zakelijke gebruikers vertrouwen op dit soort consistentie voor hun toepassingen.
Ik kan maar één reden bedenken waarom je Crosswalk niet zou willen gebruiken: de grootte van de applicatie. Het gemiddelde .apk-bestand (een toepassingsbestand voor Android) dat we produceren, is slechts een paar megabytes. Door Crosswalk toe te voegen aan de app wordt een extra 20 MB toegevoegd, bijna 60 MB als het eenmaal op het apparaat is geïnstalleerd. U moet beslissen of de resourcekosten het waard zijn.
Het bundelen van de runtime met de applicatie is de eenvoudigste benadering voor distributiedoeleinden, maar Crosswalk-applicaties kunnen ook een enkele runtime-bibliotheek delen (in "gedeelde modus") om de belasting lichter te maken. Een pakket dat de gedeelde modus mogelijk maakt, maakt deel uit van de Crosswalk voor Android-distributie. U moet dit gedeelde runtime-pakket echter zelf distribueren. Ga naar de Crosswalk-wiki voor meer informatie.
Houd er rekening mee dat de aard van een gehoste web-app is dat u uw app-updates op uw webserver maakt. In de meeste gevallen zijn de kosten van de toegevoegde pakketgrootte dan ook voelbaar bij de eerste download, niet bij elke update zoals een normale native app.
We zijn verheugd dat we de runtime-omgeving van Crosswalk kunnen ondersteunen. Het vult een gat in het Android-systeem dat ontwikkeling eenvoudiger en betrouwbaarder maakt. Probeer het eens met je volgende manifoldJS-app en zie wat je ervan vindt. Ga voor meer informatie over Crosswalk naar de website van Crosswalk Project. Ga naar de website van manifoldJS om aan de slag te gaan met het bouwen van winkel-apps vanaf uw website.
Dit artikel maakt deel uit van de webontwikkelingsserie van Microsoft-techevangelisten over praktisch JavaScript-leren, open-sourceprojecten en best practices voor interoperabiliteit, waaronder Microsoft Edge-browser en de nieuwe EdgeHTML-weergavemotor.
We raden u aan om te testen op verschillende browsers en apparaten, waaronder Microsoft Edge, de standaardbrowser voor Windows 10, met gratis hulpprogramma's op dev.modern.IE:
Diepgaande technologische kennis van Microsoft Edge en het webplatform van onze ingenieurs en evangelisten:
Meer gratis platformonafhankelijke hulpprogramma's en bronnen voor het webplatform:
Accentsconagua