Architecture for a SignalR Synchronized Webpage Application
I gave an overview of how I used SignalR, KnockoutJs, and jQuery Mobile to create synchronizes pages across multiple instance and devices in the last post. Next I will walk through what this looks like architecturally. Below is a diagram which shows the physical deployment of the components of this application.
There is code that runs on all the devices, in a website and on a machine in my house. Below each of the tiers of the application the technologies are listed.
An important element to note is that the devices and the home laptop are both sitting behind firewalls which make it very difficult to communicate with from the internet to the devices. That is really the problem that SignalR solves with incredible ease.
The best way to look at the use of SignalR is to consider it to be an easy way to implement the Publish Subscribe pattern easily across machines using the http protocol in a firewall friendly way.
In the next post I will walk through synchronizing the screens in terms of this architecture.
Follow me on RSS and Twitter