Categories
[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 개발 작업들을 보여준다.
[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 프로젝트 만들기
- 파일 > 새로만들기 > 프로젝트 메뉴를 사용하여 ASP.NET Core 웹 응용 프로그램을 선택한다. 프로젝트명은 SignalRChat로 한다.
- Razor Page를 사용하는 프로젝트를 만들기 위해 웹 응용 프로그램을 선택하고 확인 버튼을 누른다. SignalR은 .NET의 이전 버전에서 실행되지만 프레임워크 선택이 ASP.NET Core 2.1로 선택되어 있도록 한다.
Visual Studio는 ASP.NET Core 웹 어플리케이션 텝플릿의 일부로 포함된 Microsoft.AspNetCore.SignalR 패키지를 포함하고 있다. 하지만 SignalR 용 Javascript 클라이언트 라이브러리는 npm을 사용하여 설치해야 한다. - 도구 > NuGet 패키지 관리자 > 패키지 관리자 콘솔 메뉴를 실행하여 패키지 관리자 콘솔 창에서 아래 명령들을 실행한다.
npm init -y npm install @aspnet/signalr
- 프로젝트의 wwwroot/lib 폴더에 “signalr” 폴더를 만든다. node_modules\@aspnet\signalr\dist\browser 폴더에서 signalr.js 파일을 새로 만든 폴더로 복사한다. (위의 명령을 실행하면 프로젝트 루트 폴더에 node_modules 폴더가 생긴다.)
