Ik wilde iets kleins en nutteloos-maar-leuk (zoals 99% van m'n projecten): mijn iPhone-batterij zichtbaar in de navigatie van deze site.
Ik werd geïnspireerd door Dries Buytaert (dri.es), hij deed iets gelijkaardig maar dan lichtjes anders.
Wat het doet
Rechtsboven, naast het menu, staat een batterij-icoontje met het percentage. Als de telefoon aan de lader hangt, zie je dat ook.
De data komt uit een simpel JSON-bestand op de server (data/battery.json). M'n iPhone stuurt via een geautomatiseerde shortcut regelmatig het batterijpercentage naar de API, die ontvangt de info als volgt:
{
"battery": 67,
"charging": false,
"updated": "2026-07-24T16:34:02+02:00"
}De site leest dat bij het laden, en haalt het daarna af en toe opnieuw op zodat je niet hoeft te refreshen.
De "uitdaging"
Zoals altijd vond Apple het leuk om het leven van developers zuur te maken (blablabla voor je eigen veiligheid I know) door de Shortcuts app op het vlak van automatie enorm beperkt te maken. Ik kon er niet voor kiezen om elke 15 minuten het script te laten uitvoeren. Ik koos daarom een stuk of 10 andere acties zoals "When iPhone connects to power" of "When TikTok is opened or closed" (bijna elke 15 minuten dus even accuraat als een automatie).
Waarom
Zoals bij al m'n projecten: omdat het kan. Niet omdat ik me verveelde (want ik heb nog meer dan genoeg To-Do's) maar omdat Dries Buytaert me inspireerde en ik het dan meteen wou uitvoeren.
Als het percentage fout staat of even stilvalt: Kan gebeuren, het is een hobbyproject, als ik ooit eens tijd heb (en er zin in heb) zal ik het wel fixen... of niet.
Credits
Dries Buytaert voor dit idee: https://dri.es/posting-my-phone-battery-status-to-my-site