채팅에 대한 기본적인 UI를 구성한 다음 제이쿼리와 jQuery.SignalR, Hub 프록시 코드를 스크립트 태그로 구성한다. 버전은 컴퓨터 환경에 따라 다를 수 있으므로 NuGet으로 전송된 스크립트 버전을 꼭 확인해야 한다.

Hub 클래스를 $.connection.<허브이름> 형식으로 접근한 후 serverToClient에서는 전송된 값을 받고, $.connection.hub.start().done() 함수 호출로 서버와 연결이 되면 chat.server.clientToServer() 메서드를 호출해서 서버로 특정 메시지를 전송하는 일련의 코드를 보여준다.