Cosa starai creando

In questo tutorial imparerai su Firefox OS, i dispositivi con Firefox OS disponibili sul mercato, che eseguono FxOS per testare e debugare le app su WebIDE e creare un'app di base per FxOS. Finalmente imparerai come trasferire le applicazioni Web esistenti su FxOS sviluppando un file manifest.

Firefox OS

Firefox OS è stato sviluppato da Mozilla, che è meglio conosciuto per Firefox Web Browser e Webmaker. È un sistema operativo gratuito (privo di tecnologia proprietaria) adatto per smartphone, tablet e persino televisori. Il nome del progetto è Boot to Gecko (B2G).

Firefox OS mira a fornire una soluzione basata sul web per gli sviluppatori in quanto le sue applicazioni sono realizzate con HTML5, CSS e Javascript, insieme ad alcune API web aperte che aiutano lo sviluppatore ad accedere all'hardware e ai servizi del dispositivo come fotocamera, stato della batteria e vibrazioni. In realtà, l'intera interfaccia utente di FxOS è un'applicazione Web chiamata Gaia, che può avviare e visualizzare altre applicazioni Web.

WebIDE per l'esecuzione di FxOS Simulator

È possibile eseguire Firefox OS avviando WebIDE (disponibile in Firefox Developer Edition). Farò funzionare FxOS 2.2.

Se sei più incline a testare le tue app o portare avanti il ​​lavoro di sviluppo su un dispositivo reale, puoi consultare il catalogo dei dispositivi.

Creazione di un'app di base per FxOS

Costruiamo una semplice Hello World App per FxOS per delineare la procedura di creazione di un'app per la piattaforma. Prima di tutto, dovremo sviluppare un file manifest. Sarà nominato manifest.webapp. Un file manifest si presenta così:

"name": "Hello World", "description": "Hello Tuts + App", "version": "1.0", "launch_path": "/index.html", "developer": "name": "Tanay Pant "," url ":" http://twitter.com/tanay1337 "," permessi ": 

Bene, dato che ora abbiamo creato il file manifest, possiamo passare a sviluppare il nostro index.html pagina.

      
Ciao Tuts+
  Picchiami!   

E infine il app.js che è il motore principale della nostra app e si trova a js / app.js.

var button = document.getElementById ('myButton'); var txtInput = document.getElementById ('myTextInput'); button.addEventListener ('click', function () var text = txtInput.value; alert (testo););

Quindi è stata creata la nostra applicazione di base per FxOS, e ora è il momento di eseguirla nel simulatore! Per farlo, prima di tutto:

1. Aperto WebIDE. 
2. Selezionare Progetto.
3. Selezionare Apri l'app ospitata. 

Ti chiederà l'URL del manifest della tua app. Nel mio caso, lo è http: //localhost/manifest.webapp, dal momento che sto ospitando gli esempi di codice sul mio server locale. In questo modo installerai la tua app nel simulatore!

Ora apri il simulatore e vedrai che la tua app Hello World è tra l'elenco delle app installate.

La nostra applicazione installata ora si presenta così:

Porting di app Web esistenti su FxOS

Per il porting di un'applicazione Web esistente su FxOS, è sufficiente eseguire i seguenti passaggi:

1. Basta creare un'applicazione Web standard, utilizzando uno dei tuoi strumenti preferiti.
2. Identificalo come un'app Web installabile aggiungendo un file manifest.webapp alla directory principale dell'app Web. Questo serve per definire nomi, icone, informazioni sulla localizzazione e, soprattutto, le autorizzazioni che l'app richiederà all'utente per accedere alle API del dispositivo.
3. Crea qualsiasi funzionalità richiesta che faccia uso di speciali API per dispositivi come fotocamera, SMS, notifiche o allarmi e crea i file di asset come icone.
4. Imballa e distribuisci la tua applicazione. Puoi pubblicarlo sul marketplace come app in pacchetto o pubblicarlo come applicazione ospitata autonomamente.

Ecco un'illustrazione di Mozilla Developer Network, che descrive il processo sopra riportato sotto forma di un diagramma di flusso.

Conclusione

Costruire applicazioni per Firefox OS è piuttosto interessante perché sfrutta le tecnologie web con cui tutti noi siamo così familiari. Tuttavia, l'aggiunta delle API del dispositivo, che ci consente di accedere all'hardware, rende ancora più coinvolgente il processo di creazione dell'applicazione. Con solo un piccolo studio delle API, è possibile creare applicazioni come fotocamera, allarme, note e applicazioni di promemoria e molto altro. Ti senti eccitato e fiducioso? Dovresti assolutamente provare a hackerare il repository di Gaia su Github e contribuire allo sviluppo del front-end e allo sviluppo dell'interfaccia utente di Firefox OS.

Anche il porting di app Web esistenti su FxOS può essere fatto al volo in soli quattro semplici passaggi e il Marketplace di Firefox, anche se di grandi dimensioni, non è completo come App Store o Play Store, quindi ci sono molte opportunità per incredibili applicazioni quello può essere un successo!