Zo controleer je of KlantKompas inclusief CRUD werkt.
Open de KlantKompas-Sheet en kies Extensies → Apps Script.
In het Apps Script-project plaats je:
Code.gs — serverfuncties, Sheet-koppeling en CRUD
Index.html — structuur van het dashboard
Styles.html — vormgeving
Scripts.html — knoppen, formulieren en google.script.run
Maak HTML-bestanden via + → HTML. Gebruik exact deze namen, zonder .html in het naamveld:
Google toont ze daarna automatisch als Index.html, enzovoort.
De README.md hoort niet in Apps Script. Bewaar die:
In Google Drive naast de Sheet;
Als download op de uitlegsite;
Of als Google Document met installatie-instructies.
Eerst controleren of je volledige Code.gs hebt
Een echte webapp heeft minimaal dit nodig:
function doGet() {
return HtmlService
.createTemplateFromFile('Index')
.evaluate()
.setTitle('KlantKompas');
}
Daarnaast moeten CRUD-functies aanwezig zijn, bijvoorbeeld:
function getModuleData(moduleNaam) {}
function saveRecord(moduleNaam, gegevens) {}
function updateRecord(moduleNaam, gegevens) {}
function deleteRecord(moduleNaam, id) {}
Als je huidige Code.gs alleen setupKlantKompas() bevat, dan maakt deze alleen de tabbladen. Dat is nog niet de volledige CRUD-webapp.
Eerste technische controle
Voer in Apps Script eerst deze functies afzonderlijk uit:
setupKlantKompas
controleerKlantKompas
getBootstrapData, als deze in je volledige versie staat
Controleer daarna links in Apps Script bij Uitvoeringen of iedere uitvoering is geslaagd. Fouten en logregels verschijnen daar. Google Apps Script logging
Ga rechtsboven naar:
Implementeren → Testimplementaties
Kies:
Kopieer vervolgens de test-URL. Deze eindigt op /dev. De /dev-versie gebruikt altijd de laatst opgeslagen code en is bedoeld om tijdens ontwikkeling te testen. Officiële uitleg over testimplementaties
Je Sheet hoeft hiervoor niet via Publiceren op internet openbaar te zijn.
Voer deze test uit met een herkenbare testklant, bijvoorbeeld TEST KLANT 1.
Test
Handeling
Controle in Sheet
Create
Maak TEST KLANT 1 aan
Nieuwe rij in Klanten
Read
Open Klanten opnieuw
Testklant verschijnt in dashboard
Update
Verander telefoon of status
Dezelfde rij wordt aangepast
Delete
Verwijder de testklant
De rij verdwijnt of krijgt status verwijderd
Inbox
Maak een testbericht
Nieuwe rij in Inbox
Bestelling
Voeg testbestelling toe
Nieuwe rij in Bestellingen
Offerte
Voeg testofferte toe
Nieuwe rij in Offertes_Facturen
Agenda
Maak testafspraak
Nieuwe rij in Agenda
Kennisbank
Voeg testantwoord toe
Nieuwe rij in Kennisbank
Test na iedere handeling:
Verschijnt een succesmelding?
Staat de informatie in het juiste tabblad?
Wordt niet per ongeluk een tweede rij aangemaakt bij bewerken?
Blijft het unieke ID hetzelfde bij een wijziging?
Werkt vernieuwen van de webpagina zonder gegevensverlies?
Belangrijk bij Styles.html en Scripts.html
In Index.html moeten deze regels staan:
<?!= include('Styles'); ?>
En vlak voor </body>:
<?!= include('Scripts'); ?>
Daarvoor moet Code.gs deze functie bevatten:
function include(bestandsnaam) {
return HtmlService
.createHtmlOutputFromFile(bestandsnaam)
.getContent();
}
De communicatie tussen het dashboard en Code.gs gebeurt met google.script.run, bij voorkeur altijd met succes- en foutafhandeling:
google.script.run
.withSuccessHandler(function(resultaat) {
console.log(resultaat);
})
.withFailureHandler(function(fout) {
console.error(fout);
alert(fout.message);
})
.getModuleData('Klanten');
google.script.run werkt alleen in de Apps Script-webapp, niet wanneer je Index.html rechtstreeks op de computer opent. Officiële google.script.run-documentatie
Maak pas daarna de echte implementatie:
Implementeren → Nieuwe implementatie → Web-app
Bewaar de /exec-URL. Die gebruik je uiteindelijk:
Na latere codewijzigingen moet je de implementatie bijwerken naar een nieuwe versie. Alleen opslaan wijzigt de bestaande /exec-versie niet; de /dev-testversie wordt wel direct bijgewerkt.