{"id":63331,"date":"2022-01-26T09:26:18","date_gmt":"2022-01-26T17:26:18","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/devops\/?p=63331"},"modified":"2022-01-26T09:26:18","modified_gmt":"2022-01-26T17:26:18","slug":"azurefunbytes-episode-66-building-real-time-apps-with-azure-signalr-with-chris_noring","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/devops\/azurefunbytes-episode-66-building-real-time-apps-with-azure-signalr-with-chris_noring\/","title":{"rendered":"AzureFunBytes Episode 66 &#8211; Building real-time apps with @Azure SignalR with @chris_noring"},"content":{"rendered":"<p>AzureFunBytes is a weekly opportunity to learn more about the fundamentals and foundations that make up Azure. It&#8217;s a chance for me to understand more about what people across the Azure organization do and how they do it. Every week we get together at 11 AM Pacific on <a href=\"https:\/\/cda.ms\/226\">Microsoft LearnTV<\/a> and learn more about Azure.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/practicaldev\/image\/fetch\/s--Z7BxBMz1--\/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880\/https:\/\/dev-to-uploads.s3.amazonaws.com\/uploads\/articles\/j2xzw2g664tj31jij13t.gif\" alt=\"AzureFunBytes animation\" \/><\/p>\n<p>This week on AzureFunBytes we&#8217;ll be discussing how to make your applications real-time with SignalR.  SignalR is a library that developers can add real-time functionality making code push content to connected clients in an instant rather than waiting for the client to request data from the server.<\/p>\n<p>SignalR supports &#8220;server push&#8221; functionality, in which server code can call out to client code in the browser using Remote Procedure Calls (RPC), rather than the request-response model common on the web today.<\/p>\n<h2>Azure SignalR Service<\/h2>\n<p>What&#8217;s the Azure tie in here?  Well if you&#8217;d like to create these types of real-time functionality features there&#8217;s Azure SignalR Service.  The Microsoft docs page &#8220;<a href=\"https:\/\/cda.ms\/3DX\">What is Azure SignalR Service?<\/a>&#8221; describes the service as:<\/p>\n<p><em>&#8220;&#8230;simplifies the process of adding real-time web functionality to applications over HTTPS. This real-time functionality allows the service to push content updates to connected clients, such as a single page web or mobile application. As a result, clients are updated without the need to poll the server, or submit new HTTPS requests for updates.&#8221;<\/em><\/p>\n<p>There are a number of use cases for Azure SignalR like gaming, dashboards, chat, real-time locations, IoT, and many more.  You can find a full list of examples on <a href=\"https:\/\/cda.ms\/3DY\">this docs page<\/a> along with some of the key benefits&#8230;<\/p>\n<p>To show me how to get started using Azure SignalR service, I&#8217;ve reached out once again to Microsoft Senior Cloud Advocate Lead <a href=\"https:\/\/twitter.com\/chris_noring\">Chris Noring<\/a>.  Chris will discuss implementation, use cases, and take your questions about SignalR.<\/p>\n<p><iframe title=\"AzureFunBytes Episode 66 - Building real-time apps with @Azure SignalR with @chris_noring\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/jtVhu-ISNtg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><a href=\"https:\/\/youtu.be\/jtVhu-ISNtg\">00:00:00 &#8211; Opening<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=282\">00:04:42 &#8211; Welcome back Chris!<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=454\">00:07:34 &#8211; How did you get here?<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=579\">00:09:39 &#8211; Real-time apps: Why do I need them and what are good use cases for SignalR?<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=852\">00:14:12 &#8211; Can you describe the architecture, what major components are involved in implementing SignalR for my app?<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=1072\">00:17:52 &#8211; What runtimes can I use?<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=1153\">00:19:13 &#8211; How is Azure SignalR Service billed?<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=1412\">00:23:32 &#8211; Looking at a diagram of app with SignalR<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=1709\">00:28:29 &#8211; Demo time<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=1962\">00:32:42 &#8211; Demo chat web app<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=2154\">00:35:54 &#8211; Provisioning an Azure SignalR instance<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=2398\">00:39:58 &#8211; Other example &#8211; finance updates<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=2518\">00:41:58 &#8211; Looking at the Client and Data Plane SDKs<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=2695\">00:44:55 &#8211; Code from the Azure Portal Quickstart<\/a><br>\n<a href=\"https:\/\/youtu.be\/jtVhu-ISNtg?t=3389\">00:56:29 &#8211; Finishing up<\/a><\/p>\n<p>Our agenda includes:<\/p>\n<ul>\n<li>Discuss the Azure SignalR service<\/li>\n<li>When to use Azure SignalR<\/li>\n<li>How it works<\/li>\n<li>How to implement the service and adding it to your web app<\/li>\n<\/ul>\n<p>Chris will also be demoing a Web app being given real-time capabilities using Azure SignalR.<\/p>\n<h2>More about Chris Noring:<\/h2>\n<p>Chris is a Senior Cloud Advocate Lead on the Next Generation (Academic team). He works with students and faculty and helps skill the pro developers of tomorrow. He&#8217;s also a published author, conference speaker and GDE (Google Developer Expert).<\/p>\n<hr \/>\n<p>Learn about Azure fundamentals with me!<\/p>\n<p>Live stream is normally found on Twitch, YouTube, and <a href=\"https:\/\/cda.ms\/226\">LearnTV<\/a> at 11 AM PT \/ 2 PM ET Thursday. You can also find the recordings here as well:<\/p>\n<p><a href=\"https:\/\/twitch.tv\/azurefunbytes\">AzureFunBytes on Twitch<\/a><br>\n<a href=\"https:\/\/aka.ms\/jaygordononyoutube\">AzureFunBytes on YouTube<\/a><br>\n<a href=\"https:\/\/www.youtube.com\/channel\/UC-ikyViYMM69joIAv7dlMsA\">Azure DevOps YouTube Channel<\/a><br>\n<a href=\"https:\/\/twitter.com\/azurefunbytes\">Follow AzureFunBytes on Twitter<\/a><\/p>\n<p>Useful Docs:<br>\n<a href=\"https:\/\/cda.ms\/219\">Get $200 in free Azure Credit<\/a><br>\n<a href=\"https:\/\/cda.ms\/243\">Microsoft Learn: Introduction to Azure fundamentals<\/a><br>\n<a href=\"https:\/\/cda.ms\/3DZ\">Microsoft Learn: Introduction to ASP.NET Core SignalR<\/a><br>\n<a href=\"https:\/\/cda.ms\/3F8\">Microsoft Learn: Enable automatic updates in a web application using Azure Functions and SignalR Service<\/a><br>\n<a href=\"https:\/\/cda.ms\/3F1\">Introduction to SignalR<\/a><br>\n<a href=\"https:\/\/cda.ms\/3F2\">SignalR Getting Started<\/a><br>\n<a href=\"https:\/\/cda.ms\/3F4\">Quickstart: Create a chat room by using SignalR Service<\/a><br>\n<a href=\"https:\/\/cda.ms\/3F5\">Azure SignalR Service documentation<\/a><br>\n<a href=\"https:\/\/cda.ms\/3F6\">Tutorial: Azure SignalR Service authentication with Azure Functions<\/a><br>\n<a href=\"https:\/\/cda.ms\/3F7\">Quickstart: Use JavaScript to create an App showing GitHub star count with Azure Functions and SignalR Service<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week on AzureFunBytes we&#8217;ll be discussing how to make your applications real-time with SignalR. SignalR is a library that developers can add real-time functionality making code push content to connected clients in an instant rather than waiting for the client to request data from the server.<\/p>\n","protected":false},"author":39313,"featured_media":63332,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[224,249],"tags":[],"class_list":["post-63331","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","category-open-source"],"acf":[],"blog_post_summary":"<p>This week on AzureFunBytes we&#8217;ll be discussing how to make your applications real-time with SignalR. SignalR is a library that developers can add real-time functionality making code push content to connected clients in an instant rather than waiting for the client to request data from the server.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/63331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/users\/39313"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/comments?post=63331"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/posts\/63331\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media\/63332"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/media?parent=63331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/categories?post=63331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/devops\/wp-json\/wp\/v2\/tags?post=63331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}