Semplifica lo sviluppo di Android con manifoldJS con Crosswalk

Con la versione 0.3.0 di manifoldJS, ora puoi scegliere di costruire le tue app Android con Crosswalk invece della tradizionale webview di Android. È anche abbastanza semplice da implementare.

Se non ti è familiare, manifoldJS è un nuovo framework open source in grado di acquisire un sito Web e creare un'app per Windows, iOS, Android, Chrome e Firefox, semplificando la creazione di app ospitate su piattaforme diverse. Ha debuttato alla conferenza Microsoft Build 2015 di aprile. manifoldJS viene eseguito come strumento da riga di comando tramite Node.js, oppure è possibile utilizzare lo strumento basato sul Web.

In questo tutorial, ti mostrerò i semplici passaggi per farlo funzionare in modo che tu possa provarlo da solo. Innanzitutto, assicurati di aver installato e in esecuzione manifesterJS.

Passo 1

Installa Node.js da nodejs.org.

Passo 2

Apri il tuo prompt dei comandi preferito (Terminale su Mac o Linux) e digita:

npm install manifoldjs -g

Ora, devi semplicemente aggiungere il flag Crosswalk ai parametri di avvio e guardare cosa succede dopo:

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

E ... BOOM! Hai appena creato un'app Web ospitata con Crosswalk.

Un esempio pratico di Crosswalk

Con Crosswalk, puoi essere sicuro che le nuove funzionalità HTML5, come WebGL, IndexedDB, Web Sockets e CSS3, sono disponibili per la tua app. Ad esempio, ecco l'output di un'applicazione WebGL che utilizza la visualizzazione Web predefinita ed è stata generata da manifoldJS con il seguente comando:

manifoldjs http://get.webgl.org/

Ed ecco la stessa applicazione con Crosswalk abilitato. È stato generato dopo aver aggiunto il -c (o --attraversamento pedonale) contrassegna al comando precedente:

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

O:

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

Con Crosswalk, puoi essere sicuro che tutti i tuoi utenti ottengano l'esperienza desiderata.

Cos'è Crosswalk?

Crosswalk è un ambiente di runtime Web progettato da Crosswalk Project. Crosswalk ha utilizzato i motori Chromium e Blink open source e li ha raccolti in un ambiente di runtime moderno e aggiornato. Puoi pensare a Crosswalk come a una potente webview. Infatti, quando viene impostato il flag Crosswalk, lo usiamo al posto della tradizionale webview di Android.

Perché Crosswalk è importante?

Il supporto Crosswalk offre due vantaggi principali. Innanzitutto, è un ambiente di runtime Web "aggiornato". Questo potrebbe non essere un vantaggio per gli utenti Android su una versione recente del sistema operativo Android, ma per gli utenti di versioni precedenti del sistema operativo, è un miglioramento immenso. La webview di Crosswalk ti consentirà di accedere a tutte le ultime funzionalità HTML5 e ai miglioramenti delle prestazioni rispetto alla tradizionale webview.

In secondo luogo, Crosswalk fornisce un ambiente runtime coerente. Con tutte le diverse versioni di Android in uso oggi, hai così tante diverse versioni della webview di Android, quindi sei costretto a scrivere al minimo comune denominatore. L'uso di Crosswalk rimuove quell'impedimento. Inoltre, il runtime cambia solo quando lo si aggiorna nell'app, non con il sistema operativo. Sappiamo che molti utenti aziendali si affidano a questo tipo di coerenza per le loro applicazioni.

Perché non dovrei usare Crosswalk?

Posso solo pensare ad una ragione per cui non vorrai usare Crosswalk: la dimensione dell'applicazione. Il file .apk medio (un file dell'applicazione per Android) che produciamo è di pochi megabyte. Aggiungendo Crosswalk all'app si aggiunge un ulteriore 20 MB, vicino a 60 MB una volta installato sul dispositivo. È necessario decidere se il costo della risorsa è valsa la pena.

Il raggruppamento del runtime con l'applicazione è l'approccio più semplice ai fini della distribuzione, ma le applicazioni Crosswalk possono anche condividere una singola libreria runtime (in "modalità condivisa") per alleggerire il carico. Un pacchetto che abilita la modalità condivisa fa parte della distribuzione Crosswalk per Android. Tuttavia, dovresti distribuire questo pacchetto runtime condiviso tu stesso. Visita il wiki di Crosswalk per maggiori dettagli.

Tieni presente che la natura di un'app Web ospitata consiste nel rendere gli aggiornamenti delle app sul tuo server web. Quindi, nella maggior parte dei casi, il costo della dimensione del pacchetto aggiunto sarà percepito con il download iniziale, non con ogni aggiornamento come una normale app nativa.

Vai a Team Crosswalk

Siamo entusiasti di supportare l'ambiente di runtime Web di Crosswalk. Sta colmando una lacuna nel sistema Android che rende lo sviluppo più semplice e affidabile. Fai un tentativo con la tua prossima app di manifoldJS e vedi cosa ne pensi. Per ulteriori informazioni su Crosswalk, visitare il sito Web del progetto Crosswalk. Per iniziare a creare app per negozi dal tuo sito web, vai al sito Web di manifoldJS e inizia.

Più mani con JavaScript

Questo articolo fa parte della serie di sviluppo web di Microsoft tech evangelist sull'apprendimento pratico di JavaScript, i progetti open source e le migliori pratiche di interoperabilità, tra cui il browser Microsoft Edge e il nuovo motore di rendering EdgeHTML. 

Ti invitiamo a testare su browser e dispositivi tra cui Microsoft Edge, il browser predefinito per Windows 10, con strumenti gratuiti su dev.modern.IE:

  • Scansiona il tuo sito per librerie non aggiornate, problemi di layout e accessibilità.
  • Usa macchine virtuali per Mac, Linux e Windows.
  • Prova a distanza per Microsoft Edge sul tuo dispositivo.
  • Coding Lab su GitHub: test cross-browser e best practice.

Apprendimento tecnologico approfondito su Microsoft Edge e la piattaforma Web dei nostri ingegneri ed evangelisti:

  • Microsoft Edge Web Summit 2015 (cosa aspettarsi con il nuovo browser, i nuovi standard di piattaforma Web supportati e relatori ospiti della community JavaScript)
  • Woah, posso testare Edge & IE su un Mac e Linux! (da Rey Bango)
  • Avanzare JavaScript senza rompere il Web (da Christian Heilmann)
  • Il motore di rendering Edge che fa funzionare il Web (da Jacob Rossi)
  • Scatena il rendering 3D con WebGL (da David Catuhe, inclusi i progetti Vorlon.JS e BabylonJS)
  • Hosted Web App e innovazioni della piattaforma Web (da Kevin Hill e Kiril Seksenov, incluso il progetto collectorJS)

Più strumenti e risorse multipiattaforma gratuiti per la piattaforma Web:

  • Codice di Visual Studio per Linux, OS X e Windows
  • Codice con Node.js e prova gratuita su Azure