Creating a client

As mentioned in our Project Layout, the client will consist of JavaScript functions for sending messages to and receiving message from the server, and HTML elements for display.

1. In your project, add a new folder under wwwroot, called scripts:

Remember that the node_modules directory that was created for us by our npm command earlier?

2. Navigate to the following path within the node_modules directory:

\@aspnet\signalr-client\dist\browser

Take a look at the following screenshot:

3. Copy the signalr-client-1.0.0-alpha2-final.min.js file to the scripts folder we just created in our project. We will be referencing this library within our HTML file, which we will create now.
4. Add an HTML page to the wwwroot folder. I've named mine index.html. I'll recommend naming yours the same. I'll explain later:

We'll keep the client page really simple. I'm using div tags as panels to show and hide the different sections on the page. I'm also using bootstrap to make it look nice, but you can design it...