Simplify Android Development Bruke manifoldJS Med Crosswalk
20
Del
Del
Del

Dette Cyber ​​mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Sponset Innhold

Dette sponset post har et produkt som er relevant for våre lesere mens møte våre redaksjonelle retningslinjer for å være objektiv og pedagogisk.

Med versjon 0.3.0 av manifoldJS, du kan nå velge å buildyour Android apps med Crosswalk i stedet for den tradisjonelle Android webview.It er ganske enkel å implementere i tillegg.

Hvis du ikke er kjent, er manifoldJS en ny åpen kildekode-rammeverk som kan ta et nettsted og lage en app for Windows, iOS, Android, Chrome og Firefox, forenkle opprettelsen av hosted apps på tvers av plattformer. Itdebuted på Microsoft Build 2015-konferansen i april. manifoldJS kjører som en kommando linetool gjennom Node.js, eller du kan bruke web-basert verktøy.

I denne opplæringen, vil jeg vise deg thesimple tiltak for å få den opp og kjøre, slik at du kan prøve det deg selv. Først må du ha manifoldJSinstalled og kjører.

Trinn 1

Installer Node.js fra nodejs.org.

Trinn 2

Åpne din favoritt commandprompt (Terminal på Mac eller Linux) og skriv:
NPM installere manifoldjs -g

Nå, du bare legge den Crosswalkflag til lanseringen parametre, og se hva som skjer videre:
manifoldjs http: //www. thishereweb.com -p Android -c

Og ... BOOM! Du har nettopp bygget et hostedweb app med Crosswalk.

Et praktisk eksempel på Crosswalk

Med Crosswalk, kan du være confidentthat de nyeste HTML5-funksjoner, som for eksempel WebGL, IndexedDB, Web Sockets, og CSS3, er der for din app. For eksempel, her er resultatet fra en WebGL applicationthat bruker standard WebView og ble generert av manifoldJS thefollowing kommandoen med:
manifoldjs http://get.webgl.org/

And her er den samme applicationwith Crosswalk aktivert. Det ble generert etter tilsetting av -c (eller --crosswalk) flagg til forrige kommandoen:
manifoldjs http://get.webgl.org/--crosswalk

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

Med Crosswalk, kan du være sikker thatall brukerne få den tiltenkte opplevelsen.

Hva er Crosswalk?

Crosswalk er en web runtimeenvironment konstruert av Crosswalk Project. Fotgjengerovergang har tatt de åpen kildekode krom og Blink-motorer, og samlet dem til et moderne, up-to-dateruntime miljø. Du kan tenke på Crosswalk som en kraftig nettvisning. Faktisk, når Crosswalk flagget er satt, vi bruker det i stedet for den tradisjonelle Androidwebview.

Hvorfor er Crosswalk viktig?

Crosswalk støtte bringer to mainadvantages. Først er det en "oppdatert" web kjøretidsmiljø. Thatmight ikke være mye av en fordel for Android-brukere på en nyere versjon av theAndroid OS, men for brukere på eldre versjoner av OS, er det en enorm improvement.The Crosswalk WebView vil gi deg tilgang til alle de nyeste HTML5 har andperformance gevinster over tradisjonelle nettvisning.

For det andre gir Crosswalk aconsistent kjøretidsmiljø. Med alle de forskjellige versjonene av Android i bruk i dag, har du så mange forskjellige versjoner av Android WebView, så you'reforced å skrive til den laveste fellesnevneren. Ved hjelp av Crosswalk fjerner thathindrance. I tillegg bare endrer runtime når du oppdaterer den i yourapp, ikke med OS. Vi vet at mange bedriftsbrukere er avhengige av denne typen ofconsistency for sine applikasjoner

Hvorfor vil jeg ikke bruke Crosswalk

Jeg kan bare tenke på en grunn whyyou ville ikke ønsker å bruke Crosswalk.?: søknad størrelse. Den average.apk fil (et program fil for Android) som vi produserer er bare noen fewmegabytes. Legge Crosswalk til app legger til et ekstra 20MB, nær 60MB gang installert på enheten. Du må bestemme om theresource kostnaden er verdt det.

Bunting runtime med theapplication er den enkleste tilnærmingen for distribusjonsformål, men Crosswalkapplications kan også dele en enkelt runtime-bibliotek (i "delt mode") tolighten lasten. En pakke som muliggjør felles modus er en del av Crosswalkfor Android fordeling. Men vil du ha til å distribuere dette sharedruntime pakken selv. Besøk Crosswalk wiki for flere detaljer.

Husk at innholdet i en hostedweb app er at du gjør dine appoppdateringer på webserveren din. Så i de fleste tilfeller vil kostnadene for den ekstra pakken størrelse merkes med den første nedlastingen, grunn uansett hver oppdatering som en vanlig innfødt app.

Go team Crosswalk

Vi er glade for å være støtte theCrosswalk web kjøretidsmiljø. Det er å fylle et tomrom i Android systemthat gjør utvikling enklere og mer pålitelig. Gi det en sjanse med nextmanifoldJS app og se hva du synes. For mer informasjon om Crosswalk, visitthe Crosswalk Prosjekt nettside. Å begynne å bygge lagre apps fromyour nettside, gå til manifoldJS nettstedet og komme i gang.

Flere Hands-On Med Javascript

Denne articleis del av webutvikling serien fra microsoft tech evangelistene onpractical Javascript læring, åpen kildekode-prosjekter, og interoperabilitet bestpractices, inkludert Microsoft Edge nettleser og thenew EdgeHTML rendering motoren.

Vi encourageyou å teste over nettlesere og enheter, inkludert Microsoft Edge-the defaultbrowser for Windows 10-med gratis verktøy på dev.modern.IE:

Scan nettstedet ditt for ut-av -date biblioteker, layout problemer og tilgjengelighet.

Bruk virtuelle maskiner for Mac, Linux og Windows.

Remotely test for Microsoft Edge på din egen enhet.

Coding Lab på GitHub. Cross-browser testing og beste praksis

I-depthtech læring på Microsoft Edge og Web Platform fra våre ingeniører andevangelists:

Microsoft Edge Web Summit 2 015 (hva du kan forvente med den nye nettleseren, nye støttede webplattform standarder, og gjesteforelesere fra Script samfunnet)

Woah, jeg kan teste Edge & IE på en Mac & Linux! (fra Rey Bango)

Advancing Javascript uten å bryte Web (fra Christian Heilmann)

The Edge Rendering Engine som gjør Web Just Work (fra Jacob Rossi)

Slipp løs 3D Rende Med WebGL (fra David Catuhe, inkludert Vorlon.JS og BabylonJS prosjekter)

Hosted Web Apps og Web Platform Innovations (fra Kevin Hill og Kiril Seksenov, inkludert manifoldJS prosjektet)

Flere freecross-plattform verktøy og ressurser for Web Platform:

Visual Studio Kode for Linux, OS X og Windows

Kode med Node.js og gratis prøveversjon på Azure