SignalR chat on Azure

13 September 2012 brianbruff

 

At lunch today I created a little fun website and it only took about 15 minutes (as you can plainly see from the styling).

Technologies

The technologies involved were

  • Azure (website)

  • SignalR

  • Asp MVC 4

  • .NET 4 (because at the time of writing Azure doesn’t support .net 4.5 not that I need it).

    • Let me explain how I did it, the reason I did it was simple, I was sick to death of seeing all these posts on SignalR without actually having used it. Asp MVC is my choice of web tech these days so that was a foregone conclusion, and Azure has provided 10 free Azure websites for these sort of sites.Here we see the main page with an eductational video
    image

    Here we see a test with two local browsers
    imageStep 1.Create a ASP MVC4 Web internet web application, add a Chat controller. Add a view for the Index method.
image
    Step 2. Import the SignalR package
image
    Step 3. Add the following class to your project.
image

 

Step 4. Add the following javascript to your project

image

 

Step 5. Check it out for yourself, www.manfluanonymous.com

I left it running earlier and these are the messages that people entered over the last few hours.

image

Disclaimer: I copied the SignalR code from someone on the net, if i could remember who I’d give credit.