Med versjon 0.3.0 av manifoldJS kan du nå velge å bygge Android-appene dine med Crosswalk i stedet for det tradisjonelle Android-nettvisningen. Det er ganske enkelt å implementere også.
Hvis du ikke er kjent, er manifoldJS en ny åpen kildekode ramme som kan ta et nettsted og lage en app for Windows, iOS, Android, Chrome og Firefox, forenkler opprettelsen av vertsprogrammer på tvers av plattformer. Det debuterte på konferansen for Microsoft Build 2015 i april. manifoldJS kjører som et kommandolinjeverktøy gjennom Node.js, eller du kan bruke det webbaserte verktøyet.
I denne opplæringen vil jeg vise deg de enkle trinnene for å få det oppe, slik at du kan prøve det selv. Først må du kontrollere at du har manifoldJS installert og kjører.
Installer Node.js fra nodejs.org.
Åpne din favorittkommandoprompt (Terminal på Mac eller Linux) og skriv:
npm installasjons manifoldjs -g
Nå legger du ganske enkelt til Crosswalk-flagget til lanseringsparametrene, og se hva som skjer neste:
manifoldjs http://www.thishereweb.com -p Android -c
Og ... BOOM! Du har nettopp bygget en hosted webapp med Crosswalk.
Med Crosswalk kan du være sikker på at de nyeste HTML5-funksjonene, som WebGL, IndexedDB, Web Sockets og CSS3, er der for appen din. For eksempel, her er utdata fra en WebGL-applikasjon som bruker standard webview og ble generert av manifoldJS med følgende kommando:
manifoldjs http://get.webgl.org/
Og her er den samme applikasjonen med Crosswalk aktivert. Det ble generert etter å ha lagt til -c
(eller --fotgjengerovergang
) flagg til forrige kommando:
manifoldjs http://get.webgl.org/ --crosswalk
Eller:
manifoldjs http://get.webgl.org/ -c
Med Crosswalk kan du være sikker på at alle brukerne får den tiltenkte opplevelsen.
Crosswalk er et web-runtime miljø konstruert av Crosswalk Project. Crosswalk har tatt Krom og Blink-motorer med åpen kildekode, og samlet dem i et moderne, oppdatert runtime miljø. Du kan tenke på Crosswalk som et kraftig webview. Faktisk, når Crosswalk-flagget er satt, bruker vi det i stedet for det tradisjonelle Android webview.
Crosswalk-støtte gir to hovedfordeler. For det første er det et "oppdatert" web runtime miljø. Det kan ikke være mye av en fordel for Android-brukere på en nylig versjon av Android OS, men for brukere på eldre versjoner av operativsystemet, er det en enorm forbedring. Crosswalk-nettvisningen gir deg tilgang til alle de nyeste HTML5-funksjonene og ytelsesgevinstene over det tradisjonelle webvisningen.
For det andre gir Crosswalk et konsekvent runtime miljø. Med alle de forskjellige versjonene av Android som er i bruk i dag, har du så mange forskjellige versjoner av Android-nettvisningen, så du er nødt til å skrive til den laveste fellesnevneren. Ved å bruke Crosswalk fjernes den hindringen. I tillegg endres kjøringen bare når du oppdaterer den i appen din, ikke med operativsystemet. Vi vet at mange bedriftsbrukere stole på denne typen konsistens for deres applikasjoner.
Jeg kan bare tenke på en grunn hvorfor du ikke vil bruke Crosswalk: applikasjonsstørrelse. Den gjennomsnittlige .apk-filen (en applikasjonsfil for Android) som vi produserer, er bare noen få megabyte. Legger Crosswalk til appen legger til ytterligere 20 MB, nær 60 MB en gang installert på enheten. Du må bestemme om ressursprisen er verdt det.
Bundling av kjøretiden med applikasjonen er den enkleste tilnærmingen for distribusjonsformål, men Crosswalk-applikasjoner kan også dele et enkelt runtime-bibliotek (i "delt modus") for å lette belastningen. En pakke som aktiverer delt modus er en del av Crosswalk for Android-distribusjon. Du må imidlertid distribuere denne delte runtime-pakken selv. Besøk Crosswalk wiki for flere detaljer.
Husk at innholdet til en hosted webapp er at du lager appoppdateringer på webserveren din. Så i de fleste tilfeller vil kostnaden for den ekstra pakkestørrelsen bli følt med den første nedlastingen, ikke med hver oppdatering som en vanlig innfødt app.
Vi er glade for å støtte Crosswalk web runtime miljø. Det fyller et gap i Android-systemet som gjør utviklingen enklere og mer pålitelig. Prøv det med din neste manifoldJS app og se hva du synes. For mer informasjon om Crosswalk, besøk Crosswalk Projects nettsted. For å begynne å bygge butikkapp fra nettstedet ditt, gå til manifoldJS nettsted og kom i gang.
Denne artikkelen er en del av webutviklingsserien fra Microsoft tech evangelister om praktisk JavaScript-læring, åpen kildekodeprosjekter, og beste praksis for interoperabilitet, inkludert Microsoft Edge-nettleseren og den nye EdgeHTML-gjengemotoren.
Vi oppfordrer deg til å teste på tvers av nettlesere og enheter, inkludert Microsoft Edge, standardleseren for Windows 10, med gratis verktøy på dev.modern.IE:
Dybde teknisk læring på Microsoft Edge og webplattformen fra våre ingeniører og evangelister:
Flere gratis plattformverktøy og ressurser for webplattformen: