Entries:
Comments:
Posts:

Loading User Information from Channel 9

Something went wrong getting user information from Channel 9

Latest Achievement:

Loading User Information from MSDN

Something went wrong getting user information from MSDN

Visual Studio Achievements

Latest Achievement:

Loading Visual Studio Achievements

Something went wrong getting the Visual Studio Achievements

LiveChat Starter Kit, SignalR style

In today's Web Wednesday project comes to us via Dominic St-Pierre. Love them or hate them, I'm sure you've seen the web based live chats on web sites. Today's project lets you had that same capability to your sites quickly and easily. And I mean quickly... I went from New Project to chat enabled site in minutes...

LCSK (LiveChat Starter Kit)

LCSK is a simple, lightweight live chat / live support ASP.NET C# app. It uses SignalR for the communication channel between the website visitors and the agent(s).

...

What can it be used for?

If you have a website and want to offer live support to the visitors, you can do this easily with LCSK.

Get it on NuGet

Install-Package LCSK

Manual installation

You will need an ASP.NET 4 web application to start. Since LCSK depend on SignalR, you'll need to add this from Nuget.

Install-Package Microsoft.AspNet.SignalR

You can copy the LCSK folder into your project. You might want to change the namespacing of the .cs file, when using NuGet this is done automatically.

Adding the visitor chat box to your pages

Please not that I've included the SignalR and jQuery javascript files into the LCSK/js for quick references. Feel free to remove those .js files and use the one that came with the SignalR package instead or use whatever file structure you like.

*** If you do not already have jQuery referenced <script src="/lcsk/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script> *** <script src="/lcsk/assets/js/jquery.signalR-2.0.1.min.js" type="text/javascript"></script> <script src="/signalr/hubs" type="text/javascript"></script> <script src="/LCSK/chat.js" type="text/javascript"></script>

... 

Videos

I've started a set of video of me rewriting the app using SingalR.

Some snaps of the web site running on my system...

image

image

image

image

As I said in the opening, adding this capability to my sample site was very quick and easy. New Project, NuGet and copy-n-paste and you're done...

Tags:

Follow the Discussion

  • Dominic StPierreDominic StPierre

    Hey Greg,

    Thanks for the mention I appreciate it.

    Dominic

  • JohnJohn

    Great tips. Have you ever consider a kind of social approach like Chatwing or Chatwee? I mean group conversations e.g. for online events...

Remove this comment

Remove this thread

close

Comment on the Post

Already have a Channel 9 account? Please sign in