Stap 5: De FrontEnd
Voortzetting in Google Apps Script, de tekst "PUT YOUR DEVICE ID HERE" in de code zoeken en vervangen met uw apparaat-ID. Uw apparaat ID je in de 'Cores pagina' van spark.io/build vinden kan (Klik op het pictogram van de Core pagina op de linker benedenhoek, openen de Cores pagina - afbeelding eerst).
Terug naar uw Google Apps Script en de tekst "PUT YOUR ACCESS CODE HERE" in de code zoeken en vervangen met uw toegangscode. Uw toegangscode kan worden gevonden op de pagina"instellingen" van spark.io/build (Klik op het pictogram van de versnelling op de bodem verlaten onder het paginapictogram van Core te openen van de pagina-instellingen).
Klik op de bovenkant van de pagina Google Apps Script uitvoeren > doGet. De app zal dan vragen om toestemming om een signaal naar de spark.io server. Klik op toestaan. Het lijkt erop dat het deed helemaal niets! Echter, dit was belangrijk omdat u het script toegang geven moest tot het uitvoeren van de UrlFetchApp.fetch()-lijn.
Nogmaals, klikt u op publiceren op de bovenkant van de pagina Google Apps Script > implementeren als een Web App. Een venster zal gepeupel zodat u "Nieuwe versie opslaan" en vervolgens "Distribueren" te klikken.
That's it! Kopieer de link, die het geeft je en plak deze in uw webbrowser. Voila! een werkende virtuele Open/gesloten teken!
Wanneer u naar deze webpagina zal zeggen "Open" of "Gesloten" afhankelijk van de positie van uw micro-switch (omhoog of omlaag). Wijzig de stand van de schakelaar en reload de webpagina om te bevestigen dat er werken (u moet mogelijk een paar keer herladen).
Opmerking: Wanneer de schakelaar is in de Open (positie omhoog) een tweede licht (blauw) zal komen op de kern van de vonk.
Veel plezier!
U kunt wijzigen wat je ziet op de webpagina door het bewerken van de code waar het zegt ("Open") of ("gesloten"), vergeet niet om het opnieuw publiceren van de code zoals hierboven beschreven.