SignalR คืออะไร? คู่มือฉบับสมบูรณ์สำหรับการสื่อสารแบบเรียลไทม์สำหรับเว็บแอปพลิเคชัน

ในโลกของการพัฒนาเว็บที่รวดเร็ว การสื่อสารแบบเรียลไทม์ไม่ใช่เรื่องหรูหราอีกต่อไป แต่เป็นสิ่งจำเป็น ลองนึกภาพการสร้างแอปพลิเคชันแชทที่ผู้ใช้ไม่ต้องรีเฟรชหน้าเพื่อดูข้อความใหม่ หรือการสร้างแดชบอร์ดสดที่ข้อมูลอัปเดตโดยอัตโนมัติโดยไม่ต้องดำเนินการใดๆ จากผู้ใช้ ฟังดูเจ๋งใช่ไหม นั่นคือที่มาของ SignalR

SignalR เป็นตัวเปลี่ยนเกมสำหรับนักพัฒนาที่ต้องการรวมคุณสมบัติแบบเรียลไทม์เข้ากับแอปพลิเคชันเว็บของตน แต่ SignalR คืออะไรกันแน่ มันทำงานอย่างไร และทำไมคุณในฐานะนักพัฒนาจึงควรใส่ใจเกี่ยวกับเรื่องนี้ มาเจาะลึกโลกของ SignalR และสำรวจว่าเทคโนโลยีนี้สามารถปฏิวัติวิธีการสร้างแอปพลิเคชันเว็บของคุณได้อย่างไร

SignalR คืออะไร

SignalR เป็นไลบรารีสำหรับนักพัฒนา ASP.NET ที่ช่วยลดความซับซ้อนของกระบวนการเพิ่มฟังก์ชันการทำงานของเว็บแบบเรียลไทม์ให้กับแอปพลิเคชัน ซึ่งหมายความว่าช่วยให้โค้ดฝั่งเซิร์ฟเวอร์สามารถผลักดันเนื้อหาไปยังไคลเอนต์ที่เชื่อมต่อได้ทันทีเมื่อพร้อมใช้งาน คุณไม่จำเป็นต้องพึ่งพากลไกที่ซับซ้อน เช่น การสำรวจเซิร์ฟเวอร์ทุกๆ สองสามวินาทีเพื่อรับการอัปเดต แต่ SignalR จะช่วยให้เซิร์ฟเวอร์ของคุณแจ้งให้ไคลเอนต์ของคุณทราบเมื่อมีสิ่งใหม่เกิดขึ้น

SignalR เปิดตัวครั้งแรกโดย Microsoft ในฐานะส่วนหนึ่งของเฟรมเวิร์ก ASP.NET ตลอดหลายปีที่ผ่านมา SignalR ได้รับความนิยมเพิ่มขึ้นเนื่องจากความเรียบง่ายและประสิทธิภาพในการจัดการการสื่อสารแบบเรียลไทม์ ไม่ว่าคุณจะสร้างแอปแชท แดชบอร์ดสด หรือเครื่องมือสำหรับการทำงานร่วมกัน SignalR ทำให้ง่ายต่อการเพิ่มคุณสมบัติแบบเรียลไทม์โดยไม่ต้องเสียเหงื่อ

SignalR ทำงานอย่างไร

ในการทำความเข้าใจว่า SignalR ทำงานอย่างไร สิ่งสำคัญคือต้องเข้าใจแนวคิดของการสื่อสารแบบเรียลไทม์ในแอปพลิเคชันเว็บ โดยทั่วไป หน้าเว็บจะสื่อสารกับเซิร์ฟเวอร์โดยใช้ คำขอ HTTP ไคลเอนต์ (เบราว์เซอร์ของคุณ) จะส่งคำขอไปยังเซิร์ฟเวอร์ และเซิร์ฟเวอร์จะตอบสนองด้วยข้อมูล นี่คือรูปแบบการสื่อสารทางเดียว โดยที่ไคลเอนต์ต้องเริ่มต้นการโต้ตอบทุกครั้ง

แต่จะเกิดอะไรขึ้นหากคุณต้องการให้เซิร์ฟเวอร์ผลักดันการอัปเดตไปยังไคลเอนต์โดยไม่ต้องรอให้ไคลเอนต์ถาม นั่นคือที่มาของ SignalR SignalR มีช่องทางการสื่อสารสองทางระหว่างเซิร์ฟเวอร์และไคลเอนต์ ทำให้สามารถแลกเปลี่ยนข้อมูลแบบเรียลไทม์ได้

เวทมนตร์เบื้องหลัง SignalR: การขนส่ง

SignalR รองรับกลไกการขนส่งหลายแบบเพื่อจัดการการสื่อสารแบบเรียลไทม์:

WebSockets: การขนส่งที่ต้องการและมีประสิทธิภาพสูงสุดสำหรับการสื่อสารแบบเรียลไทม์ WebSockets สร้างการเชื่อมต่อแบบถาวรระหว่างเซิร์ฟเวอร์และไคลเอนต์ ทำให้สามารถส่งข้อมูลได้ทั้งสองทิศทางพร้อมกัน

Server-Sent Events (SSE): นี่คือช่องทางการสื่อสารทางเดียวที่เซิร์ฟเวอร์ส่งการอัปเดตไปยังไคลเอนต์ แต่ไคลเอนต์ไม่สามารถส่งข้อมูลกลับได้

Long Polling: วิธีนี้เกี่ยวข้องกับการที่ไคลเอนต์สำรวจเซิร์ฟเวอร์ซ้ำๆ เพื่อรับการอัปเดต หากไม่รองรับ WebSockets หรือ SSE SignalR จะกลับไปใช้การสำรวจแบบยาว

SignalR จะเลือกวิธีการขนส่งที่ดีที่สุดโดยอัตโนมัติตามความสามารถของไคลเอนต์และการกำหนดค่าเซิร์ฟเวอร์

แอปพลิเคชัน SignalR ในโลกแห่งความเป็นจริง

SignalR ไม่ได้เป็นเพียงเครื่องมือแฟนซีบางอย่างเท่านั้น แต่มีแอปพลิเคชันในโลกแห่งความเป็นจริงที่สามารถปรับปรุงประสบการณ์ผู้ใช้และทำให้แอปพลิเคชันของคุณโดดเด่น นี่คือสถานการณ์บางอย่างที่ SignalR สามารถเปลี่ยนแปลงเกมได้:

แอปพลิเคชันแชทสด: ไม่ว่าจะเป็นแชทสนับสนุนลูกค้าหรือแอปส่งข้อความกลุ่ม SignalR ช่วยให้สามารถส่งและรับข้อความได้แบบเรียลไทม์ มอบประสบการณ์การสื่อสารที่ราบรื่น

แดชบอร์ดสด: ต้องการแสดงข้อมูลแบบเรียลไทม์หรือไม่ SignalR สามารถผลักดันการอัปเดตไปยังแดชบอร์ดของคุณทันทีที่เกิดขึ้น ทำให้เหมาะสำหรับการตรวจสอบระบบ, ตลาดหุ้น หรือคะแนนกีฬาแบบสด

เครื่องมือสำหรับการทำงานร่วมกัน: ลองนึกภาพแอปพลิเคชันอย่าง Google Docs ที่ผู้ใช้หลายคนสามารถแก้ไขเอกสารได้พร้อมกัน SignalR ช่วยให้การทำงานร่วมกันแบบเรียลไทม์โดยการซิงค์การเปลี่ยนแปลงในหมู่ผู้ใช้ทั้งหมดได้ทันที

เกมออนไลน์: สำหรับเกมหลายผู้เล่น การสื่อสารแบบเรียลไทม์เป็นสิ่งสำคัญ SignalR ช่วยให้มั่นใจได้ว่าการอัปเดตสถานะเกมจะถูกสื่อสารไปยังผู้เล่นทุกคนโดยไม่ชักช้า

แอปพลิเคชัน IoT: SignalR สามารถใช้เพื่อตรวจสอบอุปกรณ์ IoT แบบเรียลไทม์ โดยผลักดันการอัปเดตไปยังแดชบอร์ดทันทีที่มีข้อมูลใหม่

SignalR vs WebSockets: อะไรคือความแตกต่าง

คุณอาจสงสัยว่า "SignalR ไม่ใช่แค่ชื่ออื่นสำหรับ WebSockets หรือ" ไม่ถูกต้องทั้งหมด ในขณะที่ WebSockets เป็นส่วนสำคัญของ SignalR แต่ก็ไม่ใช่ทั้งหมด

WebSockets เป็นโปรโตคอลระดับต่ำที่ช่วยให้การสื่อสารสองทางระหว่างไคลเอนต์และเซิร์ฟเวอร์ผ่านการเชื่อมต่อเดียวที่มีอายุการใช้งานยาวนาน พวกมันรวดเร็ว มีประสิทธิภาพ และสมบูรณ์แบบสำหรับการสื่อสารแบบเรียลไทม์ อย่างไรก็ตาม ไม่ใช่ทุกสภาพแวดล้อมที่รองรับ WebSockets และนี่คือที่ที่ SignalR ส่องแสง

SignalR เป็นนามธรรมระดับสูงที่อยู่เหนือ WebSockets โดยมีคุณสมบัติเพิ่มเติม เช่น การเชื่อมต่อใหม่โดยอัตโนมัติ การออกอากาศข้อความ และการสำรองข้อมูลไปยังการขนส่งอื่นๆ หากไม่มี WebSockets กล่าวโดยสรุป SignalR ทำให้การทำงานกับ WebSockets (และการขนส่งอื่นๆ) ง่ายขึ้นและเชื่อถือได้มากขึ้น

การตั้งค่า SignalR ในแอปพลิเคชันของคุณ

การเริ่มต้นใช้งาน SignalR นั้นง่ายดาย นี่คือคำแนะนำทีละขั้นตอนในการรวม SignalR เข้ากับแอปพลิเคชัน ASP.NET Core ของคุณ

ขั้นตอนที่ 1: ติดตั้งแพ็คเกจ SignalR

ขั้นแรก คุณต้องติดตั้งแพ็คเกจ NuGet ของ SignalR คุณสามารถทำได้ผ่าน Package Manager Console ใน Visual Studio:

Install-Package Microsoft.AspNetCore.SignalR

หรือ หากคุณต้องการ .NET CLI:

dotnet add package Microsoft.AspNetCore.SignalR

ขั้นตอนที่ 2: สร้าง Hub

SignalR ใช้ฮับเพื่อจัดการการเชื่อมต่อและการสื่อสารระหว่างไคลเอนต์และเซิร์ฟเวอร์ ฮับคือคลาสที่สืบทอดมาจาก Hub และมีเมธอดที่ไคลเอนต์สามารถเรียกได้

นี่คือตัวอย่างง่ายๆ ของฮับ:

public class ChatHub : Hub
{
    public async Task SendMessage(string user, string message)
    {
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }
}

ขั้นตอนที่ 3: กำหนดค่า SignalR ใน Startup.cs

ถัดไป คุณต้องกำหนดค่า SignalR ในไฟล์ Startup.cs ของคุณ เพิ่มโค้ดต่อไปนี้ลงในเมธอด ConfigureServices:

public void ConfigureServices(IServiceCollection services)
{
    services.AddSignalR();
    // Other services
}

จากนั้น ในเมธอด Configure ให้ตั้งค่ามิดเดิลแวร์ SignalR:

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    app.UseRouting();

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapHub<ChatHub>("/chathub");
    });
}

ขั้นตอนที่ 4: สร้างไคลเอนต์

สุดท้าย สร้างไคลเอนต์ที่เชื่อมต่อกับฮับ SignalR นี่คือตัวอย่างโดยใช้ JavaScript:

const connection = new signalR.HubConnectionBuilder()
    .withUrl("/chathub")
    .build();

connection.on("ReceiveMessage", (user, message) => {
    const msg = `${user}: ${message}`;
    console.log(msg);
});

connection.start().catch(err => console.error(err));

document.getElementById("sendButton").addEventListener("click", () => {
    const user = document.getElementById("userInput").value;
    const message = document.getElementById("messageInput").value;
    connection.invoke("SendMessage", user, message).catch(err => console.error(err));
});

และนั่นคือทั้งหมด! ตอนนี้คุณมีการตั้งค่า SignalR พื้นฐานที่สามารถจัดการการสื่อสารแบบเรียลไทม์ได้

คุณสมบัติหลักของ SignalR

SignalR ไม่ได้เป็นเพียงแค่การสื่อสารแบบเรียลไทม์เท่านั้น มันมาพร้อมกับคุณสมบัติที่ทำให้เป็นโซลูชันที่แข็งแกร่งสำหรับแอปพลิเคชันที่หลากหลาย นี่คือคุณสมบัติหลักบางประการ:

การเชื่อมต่อใหม่โดยอัตโนมัติ: SignalR สามารถเชื่อมต่อไคลเอนต์ใหม่โดยอัตโนมัติหากการเชื่อมต่อขาดหายไป เพื่อให้มั่นใจถึงประสบการณ์การใช้งานที่ราบรื่น

ความสามารถในการปรับขนาด: SignalR รองรับการปรับขนาดในเซิร์ฟเวอร์หลายเครื่อง ทำให้เหมาะสำหรับแอปพลิเคชันขนาดใหญ่ที่มีผู้ใช้จำนวนมาก

ความปลอดภัย: SignalR มีการสนับสนุนในตัวสำหรับการตรวจสอบสิทธิ์และการอนุญาต ทำให้มั่นใจได้ว่าเฉพาะไคลเอนต์ที่ได้รับอนุญาตเท่านั้นที่สามารถเชื่อมต่อกับฮับของคุณได้

การออกอากาศ: SignalR ทำให้ง่ายต่อการออกอากาศข้อความไปยังไคลเอนต์ที่เชื่อมต่อทั้งหมดหรือไปยังกลุ่มไคลเอนต์เฉพาะ

ความเข้ากันได้: SignalR ทำงานร่วมกับไคลเอนต์ที่หลากหลาย รวมถึงเว็บเบราว์เซอร์ อุปกรณ์เคลื่อนที่ และแอปพลิเคชันเดสก์ท็อป

ประสิทธิภาพและความสามารถในการปรับขนาดของ SignalR

เมื่อพูดถึงประสิทธิภาพและความสามารถในการปรับขนาด SignalR ได้รับการออกแบบมาเพื่อรองรับการเชื่อมต่อพร้อมกันจำนวนมาก อย่างไรก็ตาม มีข้อควรพิจารณาบางประการที่ต้องคำนึงถึง

เคล็ดลับด้านประสิทธิภาพ

ใช้ WebSockets เมื่อเป็นไปได้: WebSockets มอบประสิทธิภาพที่ดีที่สุดสำหรับการสื่อสารแบบเรียลไทม์ SignalR จะใช้ WebSockets โดยอัตโนมัติหากไคลเอนต์รองรับ

ปรับขนาดข้อความให้เหมาะสม: เก็บข้อความของคุณให้เล็กที่สุดเท่าที่จะเป็นไปได้เพื่อลดเวลาแฝงและปรับปรุงประสิทธิภาพ

ใช้กลุ่มอย่างชาญฉลาด: SignalR ช่วยให้คุณสามารถออกอากาศข้อความไปยังกลุ่มไคลเอนต์เฉพาะได้ ใช้กลุ่มเพื่อลดจำนวนข้อความที่ส่งและปรับปรุงประสิทธิภาพ

การปรับขนาด

หากคุณกำลังสร้างแอปพลิเคชันขนาดใหญ่ คุณอาจต้องปรับขนาด

SignalR ในเซิร์ฟเวอร์หลายเครื่อง SignalR รองรับตัวเลือกการปรับขนาดหลายแบบ รวมถึง:

บริการ Azure SignalR: บริการ SignalR ที่มีการจัดการอย่างเต็มรูปแบบซึ่งจัดการการปรับขนาดและการปรับสมดุลโหลดโดยอัตโนมัติ

Redis: ใช้ Redis เป็น backplane เพื่อประสานงานข้อความระหว่างเซิร์ฟเวอร์ SignalR ในสภาพแวดล้อมแบบปรับขนาด

SQL Server: ใช้ SQL Server เป็น backplane เพื่อปรับขนาด SignalR ในเซิร์ฟเวอร์หลายเครื่อง

กรณีการใช้งานทั่วไปสำหรับ SignalR

SignalR นั้นมีความหลากหลายอย่างเหลือเชื่อและสามารถใช้ได้ในสถานการณ์ต่างๆ นี่คือกรณีการใช้งานทั่วไปบางส่วน:

การแจ้งเตือนแบบเรียลไทม์: ไม่ว่าจะเป็นข้อความใหม่ การแจ้งเตือนระบบ หรือการอัปเดตโซเชียลมีเดีย SignalR สามารถผลักดันการแจ้งเตือนไปยังผู้ใช้แบบเรียลไทม์

ฟีดข้อมูลสด: แสดงฟีดข้อมูลสด เช่น ราคาหุ้น การอัปเดตข่าวสาร หรือคะแนนกีฬา โดยใช้ SignalR

ส่วนต่อประสานผู้ใช้แบบโต้ตอบ: สร้าง UI แบบโต้ตอบที่ตอบสนองต่อการกระทำของผู้ใช้แบบเรียลไทม์ เช่น โพลสด แบบทดสอบ หรือระบบการลงคะแนนเสียง

เครื่องมือสำหรับการทำงานร่วมกัน: สร้างเครื่องมือสำหรับการทำงานร่วมกันที่ผู้ใช้หลายคนสามารถทำงานร่วมกันได้แบบเรียลไทม์ เช่น โปรแกรมแก้ไขเอกสาร ไวท์บอร์ด หรือแอปการจัดการโครงการ

การตรวจสอบแบบเรียลไทม์: ใช้ SignalR เพื่อตรวจสอบระบบ เครือข่าย หรืออุปกรณ์ IoT แบบเรียลไทม์ โดยให้การอัปเดตทันทีเมื่อมีสิ่งผิดปกติเกิดขึ้น

การรวม SignalR กับ API

SignalR สามารถรวมเข้ากับ API ได้อย่างง่ายดายเพื่อให้การอัปเดตแบบเรียลไทม์ ตัวอย่างเช่น หากคุณมี API ที่จัดการคำสั่งซื้อ คุณสามารถใช้ SignalR เพื่อแจ้งให้ผู้ใช้ทราบเมื่อสถานะคำสั่งซื้อของพวกเขาเปลี่ยนไป

นี่คือตัวอย่างง่ายๆ:

จุดสิ้นสุด API: สร้างจุดสิ้นสุด API ที่อัปเดตสถานะคำสั่งซื้อ

SignalR Hub: ใช้ SignalR เพื่อออกอากาศการเปลี่ยนแปลงสถานะคำสั่งซื้อไปยังไคลเอนต์

การรวมฝั่งไคลเอนต์: ไคลเอนต์รับฟังการอัปเดตจากฮับ SignalR และแสดงสถานะคำสั่งซื้อใหม่แบบเรียลไทม์

การรวมนี้สามารถเป็นประโยชน์อย่างยิ่งในแอปพลิเคชันอีคอมเมิร์ซ ซึ่งลูกค้าคาดหวังการอัปเดตคำสั่งซื้อแบบเรียลไทม์

ตารางเปรียบเทียบ WebSocket & SignalR:

ในโลกของการพัฒนาเว็บแบบไดนามิก ซึ่งการสื่อสารแบบเรียลไทม์เป็นสิ่งสำคัญ Apidog ปรากฏเป็นเครื่องมือที่ขาดไม่ได้สำหรับการทดสอบ API WebSocket การออกแบบของมันตอบสนองความท้าทายเฉพาะของ API WebSocket โดยเฉพาะ ทำให้แตกต่างในหลายๆ ด้าน:

การโต้ตอบแบบเรียลไทม์: Apidog ช่วยให้สามารถโต้ตอบกับ API WebSocket ได้แบบสด ทำให้ผู้ทดสอบสามารถส่งข้อความและรับการตอบสนองได้ทันที ซึ่งสะท้อนพฤติกรรมของแอปพลิเคชันในโลกแห่งความเป็นจริง

ส่วนต่อประสานผู้ใช้ที่ใช้งานง่าย: การออกแบบที่เป็นมิตรต่อผู้ใช้ช่วยลดความซับซ้อนของกระบวนการทดสอบ ทำให้ผู้ทดสอบและนักพัฒนาทั้งมือใหม่และผู้มีประสบการณ์สามารถเข้าถึงได้ ความง่ายในการใช้งานนี้มีความสำคัญอย่างยิ่งสำหรับการตั้งค่า การดำเนินการ และการวิเคราะห์การทดสอบอย่างมีประสิทธิภาพ

คุณสมบัติการทดสอบที่ครอบคลุม: Apidog ก้าวไปไกลกว่าการตรวจสอบฟังก์ชันการทำงานขั้นพื้นฐาน โดยนำเสนอความสามารถในการทดสอบที่ครอบคลุม รวมถึงความเสถียรของการเชื่อมต่อ การจัดรูปแบบข้อความ การจัดการพร้อมกัน และการวิเคราะห์เวลาตอบสนอง

การปรับปรุงความร่วมมือ: ตระหนักถึงความสำคัญของทีมเวิร์กในการพัฒนาสมัยใหม่ Apidog อำนวยความสะดวกในการแบ่งปันการกำหนดค่าการทดสอบและผลลัพธ์ ส่งเสริมการสื่อสารที่มีประสิทธิภาพและกลยุทธ์การทดสอบที่สอดคล้องกัน

ระบบอัตโนมัติเพื่อประสิทธิภาพ: รองรับระบบอัตโนมัติในการทดสอบ ซึ่งเป็นคุณสมบัติหลักในการรักษาการกำกับดูแลประสิทธิภาพและฟังก์ชันการทำงานของ API อย่างต่อเนื่อง จึงช่วยเพิ่มประสิทธิภาพ

การตรวจจับและแก้ไขข้อผิดพลาดอย่างมีประสิทธิภาพ: ด้วยเครื่องมือวิเคราะห์โดยละเอียด Apidog ช่วยในการระบุและแก้ไขปัญหาอย่างรวดเร็ว ลดเวลาและความพยายามที่ใช้ในการแก้ไขปัญหา

เหตุใดจึงเลือก SignalR สำหรับการสื่อสารแบบเรียลไทม์

คุณอาจยังสงสัยว่า "ทำไมฉันควรเลือก SignalR สำหรับการสื่อสารแบบเรียลไทม์" นี่คือเหตุผลบางประการ:

ความเรียบง่าย: SignalR ทำให้ความซับซ้อนของการสื่อสารแบบเรียลไทม์เป็นนามธรรม ทำให้ง่ายต่อการนำไปใช้ในแอปพลิเคชันของคุณ

ความยืดหยุ่น: ด้วยการสนับสนุนการขนส่งหลายแบบ SignalR สามารถปรับให้เข้ากับสภาพแวดล้อมและความสามารถของไคลเอนต์ที่แตกต่างกันได้

ความสามารถในการปรับขนาด: ไม่ว่าคุณจะสร้างแอปขนาดเล็กหรือแอปพลิเคชันขนาดใหญ่ SignalR สามารถปรับขนาดเพื่อตอบสนองความต้องการของคุณได้

ชุมชนและการสนับสนุน: ในฐานะที่เป็นส่วนหนึ่งของระบบนิเวศ ASP.NET SignalR มีชุมชนขนาดใหญ่และเอกสารประกอบมากมาย ทำให้ง่ายต่อการค้นหาความช่วยเหลือและทรัพยากร

การรวม: SignalR ผสานรวมกับเทคโนโลยี ASP.NET อื่นๆ ได้อย่างราบรื่น เช่น MVC, Web API และ Identity มอบประสบการณ์การพัฒนาที่สอดคล้องกัน

บทสรุป

SignalR เป็นเครื่องมืออันทรงพลังที่ช่วยลดความซับซ้อนของกระบวนการเพิ่มการสื่อสารแบบเรียลไทม์ให้กับแอปพลิเคชันเว็บของคุณ ไม่ว่าคุณจะสร้างแอปแชท แดชบอร์ดสด หรือเครื่องมือสำหรับการทำงานร่วมกัน SignalR มอบคุณสมบัติและความยืดหยุ่นที่คุณต้องการเพื่อสร้างประสบการณ์ผู้ใช้ที่ราบรื่น

และโปรดจำไว้ว่า หากคุณกำลังทำงานกับ API และต้องการทำให้ชีวิตของคุณง่ายขึ้น อย่าลืมตรวจสอบ Apidog เป็นเครื่องมือที่ดีที่สุดสำหรับการจัดการ ทดสอบ และจัดทำเอกสาร API ของคุณ เหมาะสำหรับนักพัฒนาที่ทำงานกับแอปพลิเคชันแบบเรียลไทม์ เช่น แอปพลิเคชันที่ขับเคลื่อนโดย SignalR