SignalR(Push Services) – Part 2

Explained about SignalR clients and consuming SignalR with various clients( Web, Windows and Windows Phone)
  • Hub Clients
    • Hub consumers can be classic client application or other service/hubs
    • SignalR provides variety of client libraries(.Net4.0+, WinRT, WindosPhone8, SilverLight 5, JQuery, c++)
    • JQuery Client:
      • SignalR JQuery plugin offers two approaches
        • Proxy based with generated proxy
          • Automated proxy code via signalr/hubs/
            • Scripts generated based on hubs declaration in .Net
            • 'Contract' if you will
          • Optionally: create static proxy file via signalr.exe tool
          • Hubs become properties on $.connection
            • E.g. $.connection.chatHub
            • Hub name camel cased
        • Without Proxy but 'Late binding'
          • We can also use late binding approach
          • Simple steps
            • Create Hub Connection
            • Get dynamic Proxy
              • Proxy = $.hubConnection().createHubProxy("Chat");
              • proxy.on(''newMessage', onNewMessage);
            • Wire up events based on method/event handler name via on
            • Start & invoke methods based on method name via invoke
      • .Net Client
        • NuGet package contains "Microsoft.AspNet.SignalR.Client"
        • Mental model resembles proxy-less Java script approach
        • Steps:
          • Create HUB Connection
          • Create Hub proxy via CreateHubProxy
          • Wire up event handlers via On
          • Start connection with Start()
          • Call methods via Invoke()
    • Client using JQuery [ Sample]
      • Get reference to hub
        • Add dynamic script reverence to "signalr/hubs/" and start the connection in Jquery ($.connection.chat.Start();)
        • To create hub proxy
          • Add package "Microsoft/AspNet/SignalR.Utils.1.0.0"
          • In command prompt, execute "Microsoft/AspNet/SignalR.Utils.1.0.0\tools\signalr.exe ghp /url://http://localhost:1246/" will create server.js
          • Two properties will be exposed in jquery
            • [hub].server.
            • [hub].client.

Comments

Post a Comment

Popular posts from this blog

BDD - Acceptance Test Driven Development

Image
Acceptance Test Driven Development What is BDD: BDD is an agile software development technique that encourages collaboration between developers, QA, and non-technical or business participants in a software project. It's more about business specifications than about tests. You write a specification for a story and verify whether the specs work as expected. The main features of BDD development are outlined below:   A testable story (it should be the smallest unit that fits in an iteration) The title should describe an activity The narrative should include a role, a feature, and a benefit The scenario title should say what's different The scenario should be described in terms of Givens, Events, and Outcomes The givens should define all of, and no more than, the required context The event should describe the feature   Advantage of BDD:   The first advantage is that this domain language is usable/understandable by domain experts as well. Given that you e...
Read more

Angular JS – Part 2

Angular Routing Services and Directives: Routing Services: $route - $routeProvider is used to map the URL with template + assigned controller. (specially for SPAs). Methods: when(), otherwise(redirectTo:), current, params, pathParams, reload(). Also we can use resolve() to decide before load template. $routeParams – Used to pass the parameters via URL $location –Use to enable html5 routing. Can get the URL informations Eg. absUrl, protocol, port, host, path, search, hash, url. Replace() method will not keep URL history. Directives: Uses of Directives: Create custom element, custom event, observe and react to changes Use eventApp.dirctive("directiveName",function(){ return {restrict: 'E', template: "<input>"}}); Can restrict the directive to how should use. E(element), C(class), A(attribute), M(comment). Instead of template HTML text, the URL can be used. Use" replace: true" to replace the element name to html i...
Read more

.Net Collections

The  System.Collections namespace contains interfaces and classes that define various collections of objects, such as lists, queues, bit arrays, hash tables and dictionaries. Array list: Implements the IList interface using an array whose size is dynamically increased as required. Dictionary Base: Provides the abstract (MustInherit in Visual Basic) base class for a strongly typed collection of key-and-value pairs. Dictionary is a Generic type. So we can get type safety with Dictionary. Hash table: Represents a collection of key-and-value pairs that are organized based on the hash code of the key. A key cannot be a null reference (Nothing in Visual Basic), but a value can be. Hashtable is not a Generic type. So we can’t get type safety with Hashtable. Hashtable is thread safe. Queue: Represents a first-in, first-out collection of objects. Queues are useful for storing messages in the order they were received for sequential processing. Stack: ...
Read more