signalr 예제

나는 이미 Firebase [^] 응용 프로그램과 함께이 문서에서 당신을 보여 응용 프로그램을 작성했습니다. 이 예제는 아래 HTML 예제에서 굵게 표시된 줄도 확인할 수 있습니다. 존재하지 않는 파일에 대한 다소 이상한 참조입니다. 이는 Microsoft가 SignalR을 참조하는 자습서에서 보여 주는 방법의 일부입니다. 참조할 코드는 런타임에 생성됩니다. 코드가 SignalR C# 라이브러리에 의해 생성되어 있기 때문입니다. 이 기사에서 는 나중에 자세히 살펴보겠습니다. 지금은 해당 참조를 추가해야 합니다. 당신이 그들 모두를 시도하는 경우, 난 당신이 파이어 베이스 하나가 훨씬 더 반응하는 것을 보았다 확신합니다.

이 기사를 위해 작성된 SignalR 버전에서 기록 된 위의 예제 GIF에서도 꽤 지연을 볼 수 있습니다. 다음은 간단한 예입니다. 왼쪽의 브라우저는 구글 크롬이며 오른쪽 중 하나는 마이크로 소프트 에지입니다. 무제한 ASP.NET 웹 호스팅[^]에서 SmarterASP.net 호스팅되는 내 사이트인 동일한 URL을 가리키고 있습니다. 나는 거기에 60 일 무료 평가판을 가지고 있고 당신은 너무 할 수 있습니다 – 신용 카드가 필요하지 않습니다. 나중에 SmarterASP.net 사용하는 이유에 대한 자세한 내용은. 이전 문서에서는 Hubs 클래스가 메시지를 보내는 것을 보았습니다. 물론 실제 앱에서는 Hubs 클래스 외부에서 메시지를 보내야 합니다. 예를 들어 컨트롤러, 사용자 지정 클래스 또는 예외 또는 이벤트 등에서 메시지를 보내고 IHubContext 서비스를 수행해야 합니다.

SignalR과 같은 기술을 사용하는 전체 포인트는 원격 클라이언트를 업데이트하는 것입니다. 나는 독자가 어떻게 작동하는지 볼 수있는 간단한 예를 원했다. 잠시 뒤로 나는 Firebase (순간에 이것에 대한 자세한)를 사용하여 간단한 예제를 만들 : 나는이 문서가 SignalR를 사용하는 유용한 예와 소개를 발견 바랍니다. 이것은 Microsof 자습서에서 볼 수 있는 것과 동일한 예입니다. .NET Core의 Timer 클래스를 사용하여 실시간 데이터 흐름을 시뮬레이션하고 해당 데이터를 사용하여 각도 차트의 상태를 실시간으로 변경합니다. 이 예제에서는 서버에서 클라이언트로의 단방향 통신만 사용하지만 양방향 통신(클라이언트-서버-클라이언트)을 표시하기 위해 예제에 추가 기능을 추가합니다. 앱이 작동하지 않으면 브라우저 개발자 도구(F12)를 열고 콘솔로 이동합니다. HTML 및 자바스크립트 코드와 관련된 오류가 표시될 수 있습니다.