Förenkla Android utveckling med hjälp av manifoldJS med Crosswalk

Med version 0.3.0 av manifoldJS kan du nu välja att bygga dina Android-appar med Crosswalk istället för den traditionella Android-webvyn. Det är ganska enkelt att genomföra också.

Om du inte är bekant är manifoldJS en ny öppen källkod som kan ta en webbplats och skapa en app för Windows, iOS, Android, Chrome och Firefox, vilket förenklar skapandet av värdprogram på olika plattformar. Det debuterade på konferensen om Microsoft Build 2015 i april. manifoldJS körs som ett kommandoradsverktyg via Node.js, eller du kan använda det webbaserade verktyget.

I den här handledningen visar jag dig enkla steg för att få det igång så att du kan prova själv. Först, se till att du har manifoldJS installerat och kört.

Steg 1

Installera Node.js från nodejs.org.

Steg 2

Öppna din favoritkommandoprompt (Terminal på Mac eller Linux) och skriv:

npm installera manifoldjs -g

Nu lägger du helt enkelt Crosswalk-flaggan till dina startparametrar och ser vad som händer nästa:

manifoldjs http://www.thishereweb.com -p Android -c

Och ... BOOM! Du har just byggt en värd webbapp med Crosswalk.

Ett praktiskt exempel på crosswalk

Med Crosswalk kan du vara säker på att de senaste HTML5-funktionerna, som WebGL, IndexedDB, Web Sockets och CSS3, finns för din app. Till exempel här är utsignalen från en WebGL-applikation som använder standardwebvyn och genererades av manifoldJS med följande kommando:

manifoldjs http://get.webgl.org/

Och här är samma applikation med Crosswalk aktiverad. Det genererades efter tillsats av -c (eller --övergångsställe) flagga till föregående kommando:

manifoldjs http://get.webgl.org/ --crosswalk

Eller:

manifoldjs http://get.webgl.org/ -c

Med Crosswalk kan du vara säker på att alla dina användare får den avsedda upplevelsen.

Vad är Crosswalk?

Crosswalk är en web runtime miljö konstruerad av Crosswalk Project. Crosswalk har tagit Chromium and Blink-motorerna med öppen källkod, och sammanställde dem till en modern och aktuell runtime-miljö. Du kan tänka på Crosswalk som en kraftfull webbvy. Faktum är att när Crosswalk-flaggan är inställd använder vi den istället för den traditionella Android-webvyn.

Varför är Crosswalk viktigt?

Crosswalk stöd ger två stora fördelar. För det första är det en "uppdaterad" web runtime miljö. Det kan inte vara en stor fördel för Android-användare på en ny version av Android OS, men för användare på äldre versioner av operativsystemet är det en enorm förbättring. Crosswalk-webbvyn ger dig tillgång till alla senaste HTML5-funktioner och prestandavinster över den traditionella webvyn.

För det andra ger Crosswalk en konsekvent runtime-miljö. Med alla olika versioner av Android som används idag har du så många olika versioner av Android-webvyn, så du är tvungen att skriva till den lägsta gemensamma nämnaren. Att använda Crosswalk tar bort det hindret. Dessutom ändras körtiden endast när du uppdaterar den i din app, inte med operativsystemet. Vi vet att många företagsanvändare är beroende av denna typ av konsistens för sina applikationer.

Varför skulle jag inte använda Crosswalk?

Jag kan bara tänka på en anledning till varför du inte vill använda Crosswalk: applikationsstorlek. Den genomsnittliga .apk-filen (en applikationsfil för Android) som vi producerar är bara några megabyte. Lägger Crosswalk till appen lägger till ytterligare 20 MB, nära 60 MB när den är installerad på enheten. Du måste bestämma om resurskostnaden är värt det.

Bundling runtime med applikationen är det enklaste sättet för distribution, men Crosswalk-applikationer kan också dela ett enda runtime-bibliotek (i "delat läge") för att lätta på belastningen. Ett paket som möjliggör delat läge är en del av Crosswalk for Android-distributionen. Du måste dock distribuera det här delade runtime-paketet själv. Besök Crosswalk wiki för mer information.

Tänk på att naturen hos en värd webbapp är att du gör dina appuppdateringar på din webbserver. Så i de flesta fall kommer kostnaden för den extra paketstorleken att känna med den ursprungliga nedladdningen, inte med varje uppdatering som en vanlig inbyggd app.

Gå Team Crosswalk

Vi är glada att kunna stödja Crosswalk web runtime miljö. Det fyller ett gap i Android-systemet som gör utvecklingen enklare och mer tillförlitlig. Ge det ett försök med din nästa manifoldJS app och se vad du tycker. För mer information om Crosswalk, besök Crosswalk Project hemsida. För att börja bygga butiksprogram från din webbplats, gå till manifoldJS hemsida och komma igång.

Mer hands-on med JavaScript

Denna artikel är en del av webbutvecklingsserien från Microsoft tech evangelister om praktisk JavaScript-lärande, öppen källprojekt och bästa praxis för driftskompatibilitet, inklusive Microsoft Edge-webbläsaren och den nya EdgeHTML-reningsmotorn. 

Vi uppmuntrar dig att testa över webbläsare och enheter, inklusive Microsoft Edge-standardwebbläsaren för Windows 10-med gratisverktyg på dev.modern.IE:

  • Skanna din webbplats för föråldrade bibliotek, layoutproblem och tillgänglighet.
  • Använd virtuella maskiner för Mac, Linux och Windows.
  • Fjärrprov för Microsoft Edge på din egen enhet.
  • Kodningslabb på GitHub: Testning av webbläsare och bästa metoder.

Fördjupat tekniskt lärande på Microsoft Edge och webbplattformen från våra ingenjörer och evangelister:

  • Microsoft Edge Web Summit 2015 (vad man kan förvänta sig med den nya webbläsaren, nya stödda webbplatformsstandarder och gästhögtalare från JavaScript-communityen)
  • Okej, jag kan testa Edge & IE på en Mac & Linux! (från Rey Bango)
  • Förbättra JavaScript utan att bryta webben (från Christian Heilmann)
  • Edge Rendering Engine som gör att webben bara fungerar (från Jacob Rossi)
  • Släppa 3D-rendering med WebGL (från David Catuhe, inklusive Vorlon.JS och BabylonJS-projekten)
  • Hosted Web Apps och Web Platform Innovations (från Kevin Hill och Kiril Seksenov, inklusive manifoldJS-projektet)

Fler gratis plattformsverktyg och resurser för webbplattformen:

  • Visual Studio-kod för Linux, OS X och Windows
  • Kod med Node.js och gratis prov på Azure