Insights

Wat maakt een PWA: Web Manifest

6/11/2023 - 0 minuten leestijd

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:

name: De naam van de PWA.
short_name: Een verkorte versie van de naam van de PWA.
description: Een beknopte beschrijving van het doel van de PWA.
icons: Een lijst van iconen in verschillende formaten.
start_url: De URL die de PWA moet openen bij het starten.
display: Specificeert hoe de PWA moet worden weergegeven, zoals in de volledig schermmodus of als een op zichzelf staande toepassing.
theme_color: De primaire kleurthema die door de PWA wordt gebruikt.
background_color: De achtergrondkleur van de interface van de PWA.

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

Op zoek naar inspiratie?

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

Contacteer ons