ASP.NET Core에서 SignalR 시작하기

· by · in

[su_note note_color=”#40749c” text_color=”#ffffff”]본 내용은 개인적인 용도로 번역된 문서이기 때문에 오역이 있을 수 있습니다. 원문은 Microsoft 공식사이트의 문서이며 주소는 https://docs.microsoft.com/en-us/aspnet/core/tutorials/signalr?view=aspnetcore-2.1&tabs=visual-studio 입니다. [/su_note]

이 자습서는 ASP.NET Core 상에서 SignalR을 사용하여 실시간 어플리케이션을 만드는 기본적인 내용을 알려준다.

SignalR을 사용한 실시간 어플리케이션 예제화면

이 자습서는 다음의 SignalR 개발 작업들을 보여준다.

[su_list icon=”icon: angle-right”]

  • ASP.NET Core 웹 어플리케이션에서 SignalR 만들기
  • 클라이언트에 콘텐츠를 보내기는 SignalR 허브 만들기
  • Startup 클래스를 수정하고 어플리케이션 구성하기

[/su_list]

예제코드를 다운로드 하거나 보기(다운로드 방법)

 

진행하기 전에 필수 요구 사항

다음의 소프트웨어 설치하기

  • .NET Core SDK 2.1 또는 그 이상
  • Visual Studio 2017 버전 15.7.3 또는 그 이상
  • npm (pakage manager for Node.js)

 

SignalR 서버와 클라이언트를 호스팅하는 ASP.NET Core 프로젝트 만들기

  1. 파일 > 새로만들기 > 프로젝트 메뉴를 사용하여 ASP.NET Core 웹 응용 프로그램을 선택한다. 프로젝트명은 SignalRChat로 한다.
  2. Razor Page를 사용하는 프로젝트를 만들기 위해 웹 응용 프로그램을 선택하고 확인 버튼을 누른다. SignalR은 .NET의 이전 버전에서 실행되지만 프레임워크 선택이 ASP.NET Core 2.1로 선택되어 있도록 한다.

    Visual Studio는 ASP.NET Core 웹 어플리케이션 텝플릿의 일부로 포함된 Microsoft.AspNetCore.SignalR 패키지를 포함하고 있다. 하지만 SignalR 용 Javascript 클라이언트 라이브러리는 npm을 사용하여 설치해야 한다.
  3. 도구 > NuGet 패키지 관리자 > 패키지 관리자 콘솔 메뉴를 실행하여 패키지 관리자 콘솔 창에서 아래 명령들을 실행한다. 
    npm init -y
npm install @aspnet/signalr
  4. 프로젝트의 wwwroot/lib 폴더에 “signalr” 폴더를 만든다. node_modules\@aspnet\signalr\dist\browser 폴더에서 signalr.js 파일을 새로 만든 폴더로 복사한다. (위의 명령을 실행하면 프로젝트 루트 폴더에 node_modules 폴더가 생긴다.)