{"id":1653,"date":"2014-12-11T08:14:00","date_gmt":"2014-12-11T08:14:00","guid":{"rendered":"http:\/\/www.rezafaisal.net\/?p=1653"},"modified":"2015-04-11T01:17:09","modified_gmt":"2015-04-11T01:17:09","slug":"asp-net-signalr-hub-communication-model-examples-part-1","status":"publish","type":"post","link":"https:\/\/www.rezafaisal.net\/?p=1653","title":{"rendered":"ASP.NET SignalR : Hub Communication Model Examples Part 1"},"content":{"rendered":"

Pada bagian berikut ini akan dipaparkan tahap-tahap implementasi ASP.NET SignalR 2 pada aplikasi web dengan menggunakan model komunikasi Hub.<\/p>\n

Contoh yang akan diberikan pada posting ini adalah \u201cHello World\u201d dengan menggunakan ASP.NET SignalR dengan metode komunikasi Hub.<\/p>\n

 <\/p>\n

{Membuat Project<\/em><\/strong>}<\/p>\n

Langkah pertama yang dilakukan adalah membuat solution. Pada ebook ini dibuat solution dengan nama ASP.NET.SignalR.2.<\/p>\n

\"image\"<\/a><\/p>\n

Langkah selanjutnya menambahkan project web pada solution tersebut dengan cara klik kanan pada solution tersebut kemudian pilih Add > New Project. Pada windows Add New Project pilih Visual C# > Web > ASP.NET Web Application seperti pada gambar berikut.<\/p>\n

\"image\"<\/a><\/p>\n

Nama project ini adalah HelloSignalR yang dapat ditulis pada kolom Name, kemudian klik tombol OK. Pada window New ASP.NET Project pilih Empty kemudian klik tombol OK.<\/p>\n

\"image\"<\/a><\/p>\n

Maka dapat dilihat tambahan project pada solution seperti yang dilihat pada gambar berikut ini.<\/p>\n

\"image\"<\/a><\/p>\n

Selanjutnya klik kanan pada project HelloSignalR dan pilih Add > New Item. Pada window Add New Item pilih Web > SignalR Hub Class (v2). Pada kolom name isi nilai HelloWorld.cs sebagai nama class. Kemudian klik tombol Add.<\/p>\n

\"image\"<\/a><\/p>\n

Maka pada project HelloSignalR pada area Solution tambahan file class HelloHub.cs seperti berikut ini.<\/p>\n

\"image\"<\/a><\/p>\n

Berikut ini adalah isi dari file HelloHub.cs.<\/p>\n

\n
 1<\/span> using<\/span> System;\n<\/span> 2<\/span> <\/span>using<\/span> System.Collections.Generic;\n<\/span> 3<\/span> <\/span>using<\/span> System.Linq;\n<\/span> 4<\/span> <\/span>using<\/span> System.Web;\n<\/span> 5<\/span> <\/span>using<\/span> Microsoft.AspNet.SignalR;\n<\/span> 6<\/span> \n<\/span> 7<\/span> <\/span>namespace<\/span> HelloSignalR\n<\/span> 8<\/span> {\n<\/span> 9<\/span>     <\/span>public<\/span> <\/span>class<\/span> HelloWorld : Hub\n<\/span>10<\/span>     {\n<\/span>11<\/span>         <\/span>public<\/span> <\/span>void<\/span> Hello()\n<\/span>12<\/span>         {\n<\/span>13<\/span>             Clients.All.hello();\n<\/span>14<\/span>         }\n<\/span>15<\/span>     }\n<\/span>16<\/span> }\n<\/span>17<\/span> <\/span><\/div><\/pre>\n
<\/div>\n
Selain menambahkan file class tersebut juga ditambahkan folder Scripts yang berisi file-file kode Javascript yang dapat dilihat pada gambar di bawah ini.<\/p>\n
\"image\"<\/a><\/p>\n
File-file Javascript tersebut ditambahkan karena dibutuhkan untuk mendukung implementasi ASP.NET SignalR 2 pada aplikasi. Selain tambahan file-file Javascript tersebut, pada project juga ditambahkan beberapa namespace yang dapat dilihat pada gambar berikut ini.<\/p>\n
\"image\"<\/a><\/p>\n
Dari gambar di atas dapat dilihat beberapa namespace penting seperti :<\/p>\n