În acest tutorial, veți afla despre sistemul de operare Firefox, dispozitivele care rulează sistemul de operare Firefox disponibile pe piață, care rulează FxOS pentru testarea și depanarea aplicațiilor pe WebIDE și realizarea unei aplicații de bază pentru FxOS. În cele din urmă, veți învăța cum să transferați aplicațiile web existente în FxOS, dezvoltând un fișier manifest.

Firefox OS

Firefox OS a fost dezvoltat de Mozilla, cel mai bine cunoscut pentru Firefox Web Browser și Webmaker. Este un sistem de operare gratuit (fără tehnologia proprietară) care a fost potrivit pentru smartphone-uri, tablete și chiar și pentru televizoare. Numele proiectului este Boot to Gecko (B2G).

Firefox OS își propune să furnizeze o soluție bazată pe web pentru dezvoltatori, deoarece aplicațiile sale sunt construite cu HTML5, CSS și Javascript, împreună cu unele API-uri web deschise care ajută un dezvoltator să acceseze hardware și servicii ale dispozitivului, cum ar fi camera, starea bateriei și vibrațiile. De fapt, întreaga interfață de utilizare a FxOS este o aplicație web numită Gaia, care poate lansa și afișa alte aplicații web.

WebIDE pentru rularea simulatorului FxOS

Puteți rula sistemul de operare Firefox lansând WebIDE (disponibil în Firefox Developer Edition). Voi rula FxOS 2.2.

Dacă sunteți mai înclinat să vă testați aplicațiile sau să continuați lucrările de dezvoltare pe un dispozitiv real, puteți verifica catalogul de dispozitive.

Construirea unei aplicații de bază pentru FxOS

Să construim un simplu App Hello World pentru FxOS pentru a schița procedura de construire a unei aplicații pentru platformă. În primul rând, va trebui să dezvoltăm un fișier manifest. Acesta va fi numit manifest.webapp. Un fișier manifest arată astfel:

"nume": "Hello World", "descriere": "Hello Tuts + App", "versiune": "1.0", " Pant "," url ":" http://twitter.com/tanay1337 "," permisiuni ": 

Deoarece am creat acum fișierul manifest, putem trece la dezvoltarea noastră index.html pagină.

      
Bună ziua Tuts+
  Loveste-ma!   

Și în cele din urmă app.js care este motorul principal al aplicației noastre și este situat la js / app.js.

butonul var = document.getElementById ('myButton'); var txtInput = document.getElementById ('myTextInput'); button.addEventListener ("clic", funcția () var text = txtInput.value; alertă (text););

Deci, aplicația noastră de bază pentru FxOS a fost construită și acum este timpul să o executați în simulator! Pentru a face acest lucru, în primul rând:

1. Deschis WebIDE. 
2. Selectați Proiect.
3. Selectați Deschideți aplicația găzduită. 

Vă va solicita adresa URL a manifestului aplicației dvs. În cazul meu, este http: //localhost/manifest.webapp, deoarece găzduesc eșantioanele de cod pe serverul meu local. Acest lucru va instala aplicația în simulator!

Acum, deschideți simulatorul și veți vedea că aplicația dvs. Hello World se află printre lista aplicațiilor instalate.

Aplicația noastră instalată arată acum:

Portarea aplicațiilor web existente în FxOS

Pentru a porni o aplicație web existentă în FxOS, trebuie doar să efectuați următorii pași:

1. Doar construiți o aplicație web standard, utilizând oricare dintre instrumentele preferate.
2. Identificați acest lucru ca o aplicație web instalabilă prin adăugarea unui fișier manifest.webapp în directorul rădăcină al aplicației web. Aceasta este pentru definirea numelor, a pictogramelor, a informațiilor de localizare și, cel mai important, a permisiunilor pe care aplicația dvs. le va cere de la utilizator pentru a accesa API-urile dispozitivului.
3. Creați orice funcționalitate pe care o solicitați, care utilizează API-uri speciale ale dispozitivului, cum ar fi camera, SMS, notificări sau alarme, și creați fișierele de materiale, cum ar fi pictogramele.
4. Pachetați și distribuiți cererea. Puteți fie să o publicați pe piață ca o aplicație ambalată, fie să o publicați ca o aplicație găzduită în mod automat.

Iată o ilustrare din Mozilla Developer Network, care descrie procesul de mai sus sub forma unei scheme.

Concluzie

Dezvoltarea aplicațiilor pentru sistemul de operare Firefox este destul de interesantă, deoarece face uz de tehnologiile web pe care cu toții le cunoaștem cu toții. Cu toate acestea, adăugarea API-urilor pentru dispozitive, care ne permite să accesăm hardware-ul, face ca procesul de construire a aplicației să fie și mai atrăgător. Cu doar un mic studiu al API-urilor, puteți crea aplicații cum ar fi camera, alarmă, note și aplicații de memento, și multe altele. Senzație de entuziasm și de încredere? Ar trebui să încercați cu siguranță să hack pe depozitul Gaia pe Github și să contribuiți la dezvoltarea dezvoltării front-end și UI a Firefox OS.

Chiar și portarea aplicațiilor web existente în FxOS poate fi făcută cu ușurință în doar patru pași simpli și Marketplace-ul lui Firefox, chiar dacă mare, nu este la fel de cuprinzător ca nici un magazin de aplicații sau un magazin Play, deci există multe oportunități pentru aplicații uimitoare care poate fi o lovitură!