Leg hier de kilometerstand per 31 december vast voor de belastingdienst. Dit staat los van tankregistraties.
Vastgelegde jaren
💡
Eenmalige setup — daarna werkt alles automatisch
Volg de stappen hieronder één keer. Daarna logt de app in met jouw Microsoft-account en worden tankbeurten én foto's automatisch opgeslagen in SharePoint. Werkt op telefoon én pc.
A
Stap 1 — TankLog online zetten (Azure Static Web Apps)
Je hebt al een Azure-account via jouw Microsoft 365 tenant. Azure Static Web Apps is gratis en geeft de app een vaste HTTPS-URL — nodig voor veilig inloggen.
1
Ga naar portal.azure.com en log in met je werk-account. Linksboven zie je het Azure-logo en een zoekbalk.
2
Typ in de zoekbalk: Static Web Apps en klik op het resultaat.
Klik daarna op de blauwe knop ＋ Maken (of Create).
3
Vul het formulier in:
· Abonnement: kies jouw bestaande abonnement
· Resourcegroep: kies Nieuwe maken → naam: rg-tanklog
· Naam: tanklog
· Plan: Gratis
· Regio: West Europe (dichtst bij Nederland)
· Implementatiebron: kies Overig (niet GitHub — we uploaden handmatig)
4
Klik op Beoordelen en maken → Maken.
Even wachten (±1 minuut). Klik daarna op Naar resource.
5
Je ziet nu je Static Web App. Noteer de URL bovenaan — die ziet er zo uit: https://lively-pond-12345.azurestaticapps.net Dit is jouw vaste app-adres. Kopieer dit — je hebt het zo nodig.
6
Klik in het linkermenu op Implementatietokens (of Deployment tokens).
Klik op Token genereren en kopieer het token. Bewaar dit token even — je gebruikt het eenmalig om het bestand te uploaden.
7
Upload tanklog_v3.html naar je Static Web App.
Makkelijkste manier: gebruik de Azure CLI of de gratis tool Azure Static Web Apps CLI.
Maar het allermakkelijkst: ga in de Azure Portal naar Static Web Apps → jouw app → Bladeren → sleep het HTML-bestand naar de dropzone. Na upload is de app bereikbaar op jouw URL hierboven.
B
Stap 2 — App registreren in Azure AD
Dit vertelt Microsoft: "de TankLog app mag namens mij inloggen en SharePoint gebruiken." Dit doe je één keer.
1
Ga naar portal.azure.com → typ in de zoekbalk: App-registraties → klik op het resultaat.
Klik op ＋ Nieuwe registratie.
2
Vul in:
· Naam: TankLog
· Ondersteunde accounttypen: kies "Alleen accounts in deze organisatiemap" (de bovenste optie — dit is Single tenant, het veiligst)
· Omleidings-URI: kies Single-page application (SPA) in het dropdown, en plak jouw Static Web App URL uit stap A: https://lively-pond-12345.azurestaticapps.net
Klik op Registreren.
3
Je ziet nu de overzichtspagina van de app-registratie. Noteer:
· Toepassings-id (client-id) — een lange code zoals a1b2c3d4-...
· Map-id (tenant-id) — ook een lange code Je vindt beide bovenaan de pagina. Kopieer ze allebei naar het invulveld hieronder.
4
Klik in het linkermenu op API-machtigingen.
Klik op ＋ Een machtiging toevoegen → kies Microsoft Graph → kies Gedelegeerde machtigingen.
Zoek en vink aan:
· Sites.ReadWrite.All
· Files.ReadWrite.All
Klik op Machtigingen toevoegen.
5
Klik op de gele knop Beheerderstoestemming verlenen voor [jouw organisatie] en bevestig met Ja. Je ziet dan groene vinkjes naast de machtigingen — klaar.
6
✅ Geen Client Secret aanmaken — dat is niet nodig en niet veilig voor een browser-app. MSAL Popup werkt zonder secret.
C
Stap 3 — SharePoint inrichten
Maak een SharePoint-site aan waar de tankdata en foto's worden opgeslagen.
1
Ga naar sharepoint.com → log in → klik rechtsboven op ＋ Site maken.
Kies Teamsite → naam: TankLog → privé → klik op Voltooien.
Noteer de site-URL, bijv.: https://jouwbedrijf.sharepoint.com/sites/TankLog
2
Ga naar de nieuwe site → klik in het linkermenu op Site-inhoud → ＋ Nieuw → Lijst.
Naam: TankLog → klik op Maken.
Voeg deze kolommen toe via ＋ Kolom toevoegen: Datum (Datum en tijd) · Km (Getal) · Liters (Getal) ·
Bedrag (Valuta) · Prijs (Getal) · Type (Tekst) ·
Station (Tekst) · L100 (Getal) · FotoUrl (Tekst)
3
Ga terug naar Site-inhoud → ＋ Nieuw → Documentbibliotheek.
Naam: TankFotos → klik op Maken. Hier worden de verkleinde bonnetje-foto's opgeslagen.
D
Stap 4 — Verbinding instellen in TankLog
Vul hieronder de gegevens in die je in de vorige stappen hebt genoteerd.
Na het opslaan: klik op Inloggen rechtsboven in de header. Er verschijnt een Microsoft popup — log in met jouw werk-account. Daarna wordt elke tankbeurt automatisch gesynchroniseerd.
E
Stap 5 — Synchroniseren
Nieuwe tankbeurten worden automatisch gesynchroniseerd. Hier kun je handmatig alles ophalen of uploaden.
