IN THIS ARTICLE
You can easily build a live realtime voting app in the browser with C# and .NET, enabling users to vote and see results, updated in realtime.
Have you ever thought of implementing the C# PubNub API with ASP.NET MCV4? Whether you have or not, in this tutorial, we’ll walk you through how to build a web-based realtime voting application. This will enable users to vote, and the results will be automatically tallied and displayed. We’ll be using the PubNub C# SDK for both
DetailedHistory to demo the voting web app.
In a realtime application, we expect the question and the choice of answers/responses come from a database. To keep things simple, I’ll hard code the questions and answer options as a xml string in
GetActivePollQuestion() method of
SampleData class. In real-time, you can return dynamic data as xml string.
Check out our simple realtime voting app below to get a better idea of what you’ll be building. Or feel free to take a look at the realtime voting GitHub Repo:
Schemas for a Realtime Voting App
Two schemas PollQuestion.xsd and PollUserAnswer.xsd were created.
PollQuestion.cs and PollUserAnswer.cs class files were generated using xsd.exe tool using the following commands:
Take a look at their schemas below:
Publishing Messages over WebSockets for Realtime Voting
Publish<string>() method is being used to save the poll answers. The following code saves the answers.
Once the poll answers are submitted to PubNub, the success status of message publish will be displayed as view to the web user as below:
Subscribing to Realtime Voting User Submissions over WebSockets
Subscribe<string>() method is being used to receive poll answers in realtime via an automatically negotiated protocol like WebSockets, HTTP Streaming, HTTP Long-polling, TCP Streaming and more with automatic recovery of dropped messages. We’ve made it easy for you to get started by providing this easy-to-use SDK.
Loading History of Messages over WebSockets for Realtime Voting Dashboard
DetailedHistory<string> method is being used to pull the poll results. The following code retrieves the poll results.
And that’s it! We went through both the Publish and DetailedHistory calls for a realtime voting app.