Lav hjemmeside til webapp (.webapp)

Noget om .webapp der er en tekstfil i JSON format som bruges lave webapps der kan køre på enheder med Firefox OS

Introduktion

Webapps laves ligesom en hjemmeside med HTML, CSS og JavaScript også laver man en manifest.webapp fil for at gøre det til en webapp.

Så kan man installer webappen på sin Firefox OS enhed som her hvor RotoZoom er installeret og der ses et ikon til at starte webappen.
Firefox OS screenshot

Manifest.webapp eksempler

manifest.webapp filen består af tekst i JSON format.

Her ses indholdet af manifest.webapp filen som bruges til Pocket Kitten.


Her ses indholdet af manifest.webapp filen som bruges til RotoZoom.

MIME type

manifest.webapp filen skal sendes med MIME typen application/x-web-app-manifest+json.

Det kan gøres ved at tilføje følgende i .htaccess filen i roden af hjemmesiden (hvis man bruger Apache).

Du kan bruge en HTTP Header Checker til at teste om dine filer bliver sendt med korrekt MIME type (kig hvor der står Content-type).

Validator

Validate an App kan bruges til at validere manifest.webapp filen.

Altså teste om der er fejl i for at gøre dig opmærksom på fejlene så du kan rette dem.

Den kan også give advarsler om der bør være ikoner i bestemte størrelser.

Kode eksempel

I følgende eksempler bruger jeg webappen RotoZoom som bruger manifest.webapp.

Når du engang har lavet en webapp kan du med følgende kode eksempler teste om webappen allerede er installeret, installer, og afinstallere webappen.

Denne kode tester om webappen allerede er installeret.
Resultatet ovenfor er skabt af følgende kode

Resultatet ovenfor er skabt af følgende kode


Denne kode spørger bruger om tilladelse til at installer webappen ved tryk på en knap.
Resultatet ovenfor er skabt af følgende kode

uninstall() ser ikke ud til at virke endnu. Hverken i browser app på Firefox OS eller i Firefox desktop browseren på Windows.
Resultatet ovenfor er skabt af følgende kode

Navigator.mozApps

Webapps kan installeres/afinstalleres/undersøges med navigator.mozApps.
Men da det er meget nyt virker det ikke helt endnu.

Marketplace

Mozilla har lavet Firefox Marketplace hvor man kan finde og downloade webapps.

Det er også muligt at indsende sit eget webapp til Firefox Marketplace hvis man kan leve op til deres retningslinjer.

Webapp i desktop browser

Selvom webapps vel primært er lavet til mobile enheder så virker de også på desktop udgaven af Firefox browseren.

Hvis man forsøger at installer webappen i Firefox desktop browser kommer denne besked.
Firefox .webapp vil du installere fra webstedet?

Af en eller anden grund laves webappen om til et .exe program på Windows i hvert fald også oprettes der et genvejsikon på skrivebordet og i Windows start menuen som linket til for eksempel C:\Users\[brugernavn]\AppData\Roaming\http;netkoder.dk.

Webapps som er installeret i desktop udgaven af Firefox kan afinstalleres i Kontrolpanel\Alle elementer i Kontrolpanel\Programmer og funktioner ligesom man afinstallere andre programmer.

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.