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

Pada bagian ini akan diperlihatkan uji coba untuk menambahkan class SignalR Hub Class (v2) baru pada project ini untuk memperlihatkan bagaimana menangani lebih dari class Hub.<\/p>\n

{Menulis Kode Program<\/em><\/strong>}<\/p>\n

Oleh karena itu pada bagian ini akan dibuat sebuah class Hub yang sangat sederhana seperti berikut ini.<\/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> <\/span>using<\/span> System.Threading;\n<\/span> 7<\/span> \n<\/span> 8<\/span> <\/span>namespace<\/span> HelloSignalR\n<\/span> 9<\/span> {\n<\/span>10<\/span>     <\/span>public<\/span> <\/span>class<\/span> TimerHub : Hub\n<\/span>11<\/span>     {\n<\/span>12<\/span>         <\/span>public<\/span> <\/span>void<\/span> Knock()\n<\/span>13<\/span>         {\n<\/span>14<\/span>             <\/span>while<\/span> (<\/span>true<\/span>)\n<\/span>15<\/span>             {\n<\/span>16<\/span>                 Thread.Sleep(<\/span>5000<\/span>);\n<\/span>17<\/span>                 <\/span>string<\/span> waktu <\/span>=<\/span> DateTime.Now.ToString();\n<\/span>18<\/span>                 Clients.All.doknock(waktu);\n<\/span>19<\/span>             }\n<\/span>20<\/span>         }\n<\/span>21<\/span>     }\n<\/span>22<\/span> }\n<\/span>23<\/span> <\/span><\/div><\/pre>\n
<\/div>\n
Jika method Knock dipanggil oleh client maka seperti yang dilihat pada isi dari method tersebut terjadi pengulangan tanpa henti dimana akan mengirimkan pesan ke semua client yang terkoneksi ke server setiap 5 detik.<\/p>\n
Berikut ini adalah isi dari halaman client yang memanfaatkan class Hub ini.<\/p>\n
\n
 1<\/span> <!<\/span>DOCTYPE html<\/span>><\/span>\n<\/span> 2<\/span> <\/span><<\/span>html xmlns<\/span>=<\/span>"<\/span>http:\/\/www.w3.org\/1999\/xhtml<\/span>"<\/span>><\/span>\n<\/span> 3<\/span> <\/span><<\/span>head<\/span>><\/span>\n<\/span> 4<\/span>     <\/span><<\/span>title<\/span>><\/span>Timer<\/span><\/<\/span>title<\/span>><\/span>\n<\/span> 5<\/span>     <\/span><<\/span>script src<\/span>=<\/span>"<\/span>.\/Scripts\/jquery-1.10.2.min.js<\/span>"<\/span>><\/<\/span>script<\/span>><\/span>\n<\/span> 6<\/span>     <\/span><<\/span>script src<\/span>=<\/span>"<\/span>.\/Scripts\/jquery.signalR-2.1.2.min.js<\/span>"<\/span>><\/<\/span>script<\/span>><\/span>\n<\/span> 7<\/span>     <\/span><<\/span>script src<\/span>=<\/span>"<\/span>.\/signalr\/hubs<\/span>"<\/span> type<\/span>=<\/span>"<\/span>text\/javascript<\/span>"<\/span>><\/<\/span>script<\/span>><\/span>\n<\/span> 8<\/span>     <\/span><<\/span>script type<\/span>=<\/span>"<\/span>text\/javascript<\/span>"<\/span>><\/span>\n<\/span> 9<\/span>         $(document).ready(function () {\n<\/span>10<\/span>             var hub <\/span>=<\/span> $.connection.timerHub;\n<\/span>11<\/span> \n<\/span>12<\/span>             hub.client.doknock <\/span>=<\/span> function (waktu) {\n<\/span>13<\/span>                 $(<\/span>'<\/span>#AddText<\/span>'<\/span>).append(waktu <\/span>+<\/span> <\/span>'<\/span> knock knock <br \/><\/span>'<\/span>);\n<\/span>14<\/span>             }\n<\/span>15<\/span> \n<\/span>16<\/span>             $.connection.hub.start().done(function () {\n<\/span>17<\/span>                 hub.server.knock();\n<\/span>18<\/span>             });\n<\/span>19<\/span>         });\n<\/span>20<\/span>     <\/span><\/<\/span>script<\/span>><\/span>\n<\/span>21<\/span> <\/span><\/<\/span>head<\/span>><\/span>\n<\/span>22<\/span> <\/span><<\/span>body<\/span>><\/span>\n<\/span>23<\/span>     <\/span><<\/span>div id<\/span>=<\/span>"<\/span>AddText<\/span>"<\/span>><\/<\/span>div<\/span>><\/span>\n<\/span>24<\/span> <\/span><\/<\/span>body<\/span>><\/span>\n<\/span>25<\/span> <\/span><\/<\/span>html<\/span>><\/span><\/div><\/pre>\n
<\/div>\n
Dari kode di atas dapat dilihat begitu koneksi berhasil maka client akan memanggil method Knock di server, kemudian di dalam method Knock di server terlihat ada pemanggilan fungsi doknock yang ada pada client.<\/p>\n
{Uji Coba<\/em><\/strong>}<\/p>\n
Di bawah ini dapat dilihat hasil dari halaman timer.html, terlihat pada halaman tersebut pesan ditampilkan setiap 5 detik.<\/p>\n
\"image\"<\/a><\/p>\n
Souce code lengkap yang telah ditunjukkan di atas dapat dilihat pada link berikut ini : https:\/\/github.com\/rezafaisal\/ASPNETSignalR<\/a><\/p>\n
Selamat mencoba :)<\/p>\n","protected":false},"excerpt":{"rendered":"
Pada bagian ini akan diperlihatkan uji coba untuk menambahkan class SignalR Hub Class (v2) baru pada project ini untuk memperlihatkan bagaimana menangani lebih dari class Hub. {Menulis Kode Program} Oleh karena itu pada bagian ini akan dibuat sebuah class Hub…<\/p>\n","protected":false},"author":1,"featured_media":1718,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[6],"tags":[68,132],"class_list":["post-1668","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-softwaredev","tag-asp-net","tag-signalr"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2014\/12\/signalr.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1sNAL-qU","_links":{"self":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/1668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1668"}],"version-history":[{"count":2,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/1668\/revisions"}],"predecessor-version":[{"id":1726,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/1668\/revisions\/1726"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/media\/1718"}],"wp:attachment":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1668"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1668"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}