5: De voorbeeldapp
De phlo-demo-poll repository is de realtime showcase: de Poll uit de tutorial met Phlo Realtime ingebouwd. Eén repo bevat zowel de gewone async poll als de live versie, zodat je precies kunt zien wat Phlo Realtime toevoegt.
5.1: Van async poll naar realtime
De Poll tutorial bouwt een poll die de pagina bijwerkt zonder opnieuw te laden met behulp van een eenvoudige async form. De laatste stap geeft het over aan Phlo Realtime: dezelfde stem wordt nu ook uitgezonden, zodat elke open tabblad tegelijkertijd wordt bijgewerkt, en een online badge toont hoeveel mensen aan het kijken zijn.
De belangrijke eigenschap is dat de poll nog steeds werkt zonder de realtime stap. De uitzending is een enkele beveiligde cast(...) regel; stop de realtime diensten en je bent terug bij de single-tab async poll. Dat is het stappen-bruikbaarheid principe dat het hele voorbeeld volgt.
5.2: Wat te lezen
app.ws.phlo: alle vier hooks, de beveiligdecast, aanwezigheid en het evenementlogboek.poll.phlo: de stemroute voegt ééncast(...)en een online badge toe aan de versie van de tutorial.monitor.phlo: de live socketmonitor.
5.3: Voer het zelf uit
Kloon de repository, wijs een host naar www/, en start de Phlo Daemon en Phlo Realtime. De eerste aanvraag transpileert de bronnen; zonder de realtime diensten degradeert de app naar de gewone async poll. De README documenteert beide modi, zodat je elke stap vanuit de bron kunt repliceren.