smartphone

Insights

Wat maakt een PWA: Web Manifest

📱 PWA

Het web manifest is een cruciaal bestand voor PWA's. Het definieert hoe een web app moet behandeld worden als een geïnstalleerde applicatie.

Wat is een web manifest?

Het webapp-manifest is een JSON-bestand dat definieert hoe de PWA moet worden behandeld als een geïnstalleerde applicatie, inclusief het uiterlijk en het basisgedrag binnen het besturingssysteem.

Het bestand bevat heel wat informatie (metadata) voor de browser om te begrijpen hoe de app zich moet gedragen wanneer deze vanop het homescherm gelanceerd wordt. Elke PWA dient slechts één manifest te bevatten die gelinkt wordt vanop elke installeerbare webpagina.

Het webmanifest definiëert ook verschillende eigenschappen zoals de weergavemodus, het icoon, de hoofdkleur, naam en beschrijven. Deze eigenschappen stellen de PWA in staat om het gedrag en uiterlijk van een native mobiele applicatie te benaderen.

Enkele veelvoorkomende eigenschappen die in een manifest voorkomen zijn:

  1. name: De naam van de PWA.

  2. short_name: Een verkorte versie van de naam van de PWA.

  3. description: Een beknopte beschrijving van het doel van de PWA.

  4. icons: Een lijst van iconen in verschillende formaten.

  5. start_url: De URL die de PWA moet openen bij het starten.

  6. display: Specificeert hoe de PWA moet worden weergegeven, zoals in de volledig schermmodus of als een op zichzelf staande toepassing.

  7. theme_color: De primaire kleurthema die door de PWA wordt gebruikt.

  8. background_color: De achtergrondkleur van de interface van de PWA.

PWA infographic

Met het webmanifest is de developer in staat om een website in een PWA te transformeren, een installatieprompt in te schakelen en voor een consitente gebruikerservaring op verschillende platformen te zorgen.

Manaus

Manaus

Delen:

Op zoek naar inspiratie?

Wij zorgen voor gepast advies op het vlak van frontend development.

💌

Insights

Meer inzichten

A person holding a smartphone

📱 PWA,
🛠 Frontend development

PWA. Nu meer dan ooit.

De kloof tussen native en web wordt steeds kleiner. Dat bewijst ook de komst van Push Notifications voor web apps op het Home Screen (PWA’s) in iOS 16.4. Deze functionaliteit was al langer beschikbaar op Android, maar nu kunnen ontwikkelaars dit eindelijk voor beide platforms implementeren. Android en iOS samen hebben een marktaandeel van maar liefst 99% van alle mobiele gebruikers.