Hva du skal skape

I denne opplæringen lærer du om Firefox OS, enheter som kjører Firefox OS tilgjengelig på markedet, kjører FxOS for testing og feilsøking av applikasjoner på WebIDE, og gjør en grunnleggende app for FxOS. Til slutt lærer du å portere eksisterende webapplikasjoner til FxOS ved å utvikle en manifestfil.

Firefox OS

Firefox OS har blitt utviklet av Mozilla som er best kjent for Firefox Web Browser og Webmaker. Det er et operativsystem (gratis fra proprietory teknologi) som har vært egnet for smarttelefoner, tabletter og til og med fjernsyn. Prosjektnavnet er Boot to Gecko (B2G).

Firefox OS har som mål å tilby en nettbasert løsning for utviklere, da applikasjoner er bygd med HTML5, CSS og Javascript, sammen med noen åpne web-APIer som hjelper en utvikler til å få tilgang til enhetens maskinvare og tjenester som kamera, batteristatus og vibrasjoner. Faktisk er hele brukergrensesnittet til FxOS et webprogram som heter Gaia, som kan starte og vise andre webapplikasjoner.

WebIDE for å kjøre FxOS Simulator

Du kan kjøre Firefox OS ved å starte WebIDE (tilgjengelig i Firefox Developer Edition). Jeg skal kjøre FxOS 2.2.

Hvis du er mer tilbøyelig til å teste appene dine eller fortsette utviklingsarbeidet på en ekte enhet, kan du sjekke ut enhetskatalogen.

Bygg en grunnleggende app for FxOS

La oss bygge en enkel Hello World App for FxOS for å skissere prosedyren for å bygge en app for plattformen. Først av alt må vi utvikle en manifestfil. Det vil bli navngitt manifest.webapp. En manifestfil ser slik ut:

"navn": "Hello World", "description": "Hei Tuts + App", "versjon": "1.0", "launch_path": "/index.html", "developer" Pant "," url ":" http://twitter.com/tanay1337 "," tillatelser ": 

Flott, siden vi nå har opprettet manifestfilen, kan vi fortsette å utvikle vår index.html side.

      
Hei Tuts+
  Slå meg!   

Og til slutt app.js som er kjernemotoren til vår app, og ligger på JS / app.js.

var-knappen = document.getElementById ('myButton'); var txtInput = document.getElementById ('myTextInput'); button.addEventListener ('klikk', funksjon () var text = txtInput.value; alert (text););

Så vår grunnleggende søknad for FxOS er blitt bygget, og nå er det på tide å løpe det i simulatoren! For å gjøre det, først og fremst:

1. Åpen WebIDE. 
2. Å velge Prosjekt.
3. Å velge Åpne Hosted App. 

Det vil be deg om nettadressen til appens manifest. I mitt tilfelle er det http: //localhost/manifest.webapp, siden jeg er vert for kodeprøver på min lokale server. Hvis du gjør det, vil du installere appen din i simulatoren!

Nå åpner du simulatoren, og du vil se at Hello World-appen din er blant listen over installerte apper.

Vår installerte applikasjon ser nå slik ut:

Dele eksisterende webapplikasjoner til FxOS

For å overføre et eksisterende webprogram til FxOS, trenger du bare å utføre følgende trinn:

1. Bare bygg et standard webprogram, ved hjelp av et av favorittverktøyene dine.
2. Identifiser dette som en installerbar web-app ved å legge til en manifest.webapp-fil i web-appens rotkatalog. Dette er for å definere navnene, ikonene, lokaliseringsinformasjonen og viktigst de tillatelsene som appen din vil be om fra brukeren for å få tilgang til enhetens APIer.
3. Opprett hvilken funksjonalitet du trenger som bruker spesielle enheter APIer som kamera, SMS, varsler eller alarmer, og opprett aktiva filer som ikoner.
4. Pakke og distribuere søknaden din. Du kan enten publisere det på markedet som en pakket app, eller du kan publisere den som et selvstendig program.

Her er en illustrasjon fra Mozilla Developer Network, som skisserer ovennevnte prosess i form av et flytskjema.

Konklusjon

Byggeprogrammer for Firefox OS er ganske interessant fordi det gjør bruk av webteknologiene som vi alle er så kjent med. Men tillegget av enhetens APIer, slik at vi får tilgang til maskinvaren, gjør prosessen med å bygge applikasjonen enda mer engasjerende. Med bare en liten studie av APIene kan du lage programmer som kamera, alarm, notater og påminnelsesprogrammer, og mye mer. Føler spent og selvsikker? Du bør definitivt prøve å hack på Gaia's repository på Github og bidra til utviklingen av front-end og UI utvikling av Firefox OS.

Selv porting av eksisterende webapper til FxOS kan gjøres på flukt i bare fire enkle trinn, og Firefox Marketplace, selv om det er stort, er ikke så omfattende som enten App Store eller Play Store, så det er mange muligheter for fantastiske applikasjoner. det kan være en hit!