Erstellen Sie Echtzeit-Benachrichtigungs-Modul wie Facebook für Datenbank-änderungen

Ich Versuche zu erstellen Benachrichtigungs-Modul, wie Facebook mit ASP.NET MVC 4.

Habe ich einige Tabellen in meiner Datenbank.

Sobald jemand ändern (Insert/Update/Delete) Reihe von Tabellen in der Datenbank, ich werde in der Lage sein zu zeigen, dass es als Meldung in meiner Anwendung front-end -

Möchte nur wissen, beste Weg, um herauszufinden, was , schätzen Sie eine Anregung oder eine Ressource

Danke!

  • Vielleicht möchten Sie sich an SignalR
  • Yeah! Ich schon hinzufügen, dass die Bibliothek für mein Projekt , da folgte diesem tutorial auch venkatbaggu.com/..., aber in diesem tutorial nicht zeigen, eine Benachrichtigung beim ändern wir die Zeile in der Tabelle
  • Dann müssen Sie nach dem code, die Sie versucht haben und das problem erklären.
  • Hier ist die Schritt für Schritt die Umsetzung von SignalR asp.net/signalr/overview/getting-started/... Beispiel-code, wenn Sie bereits umgesetzt und seine nicht funktioniert, poste deinen code hier.
  • dieser link funktioniert nicht
  • es ist kein Fehler im code , ich will nur gehen Sie zum nächsten Schritt dieses tutorial, das zeigt die änderungen in der Datenbank als Benachrichtigung
  • Dann schlage ich vor, Sie tag diese Frage "signalr" und stellen Sie klar, was Sie tun möchten, so Ihr nicht weiter zu verschwenden, anderen Usern Zeit

InformationsquelleAutor kez | 2015-01-19
  1. 10

    Können Sie SignalR was ist eine Bibliothek für die Entwicklung von Anwendungen, die eine Echtzeit-Kommunikation.In solchen Anwendungen sobald die Daten auf dem server generiert oder von einer interessanten Veranstaltung geschieht auf dem server muss der client aktualisiert werden mit den neuesten Daten. Der traditionelle Ansatz, um diese Funktionalität zu erreichen ist, um Ajax-Aufrufe an den server in regelmäßigen Abständen. Aber dieser Ansatz hat seine eigenen Tücken. Ein anderer Weg ist die Benutzung von HTML5 Web Sockets oder Server Gesendeten Ereignisse (SSE) zum durchführen von Echtzeit-Kommunikation. Jedoch sind beide Techniken funktionieren nur auf der Browser unterstützt HTML5. SignalR verwendet HTML5 Web Sockets, wenn die Ziel-browser unterstützt wird, andernfalls fällt es zurück zu den anderen Techniken.

    Erstellen Sie ein Benachrichtigungs-system .Wenn Sie mit ASP.NET WebForms hinzufügen, eine neue SignalR Hub Class, um das Projekt wie folgt:

    namespace SignalRDemo
{
    public class MyHub1 : Hub
    {
            //call method like SendNotifications when your database is changed
            public void SendNotifications(string message)
            {
                Clients.All.receiveNotification(message);
            }
    }
}

    Nächste, fügen Sie eine Globale.asax-Datei, um Ihre web-Anwendung und schreiben Sie den folgenden code in der Application_Start-Ereignis-handler.

    protected void Application_Start(object sender, EventArgs e)
{
    RouteTable.Routes.MapHubs();
}

    Darüber hinaus finden Sie bestimmte Skript-Dateien im Scripts-Ordner.

    SignalR-Skripte

    Fügen Sie nun ein web-Formular an das Projekt und nennen Sie es als AdminForm.aspx. Fügen Sie das folgende markup in das web-Formular:

    <!DOCTYPE html>
<html>
<head>
    <title>Admin Form Sending Notifications</title>

    <script src="/Scripts/jquery-1.8.2.min.js" ></script>
    <script src="/Scripts/jquery.signalR-1.0.0.js"></script>
    <script src="/signalr/hubs"></script>

    <script type="text/javascript">
        $(function () {
            var proxy = $.connection.notificationHub;
            $("#button1").click(function () {
                proxy.server.sendNotifications($("#text1").val());
            });
            $.connection.hub.start();
        });
    </script>

</head>
<body>
    <input id="text1" type="text" />
    <input id="button1" type="button" value="Send" />
</body>
</html>

    Den AdminForm.aspx bezieht sich SignalR-Skript-Dateien in den head-Abschnitt. Beachten Sie den code markiert, in der Fett. Zuerst wird eine variable mit dem Namen proxy erklärt wird, um einen Verweis auf ein proxy des remote-hub-Klasse (NotificationHub). Stellen Sie sicher, dass die client-seitigen code verwendet Kamel-Schreibweise in den Namenskonventionen. Zum Beispiel, NotificationHub ist nach wie notificationHub im client-code.

    Neben der click-Ereignishandler des button-Kabel für eine Funktion. Die client-Ereignishandler ruft die sendNotifications () - Methode auf dem proxy-Objekt und übergibt die Benachrichtigung durch die Eingabe in der textbox (siehe weiter oben Abbildung, um zu wissen, was das admin-form aussieht).

    Schließlich wird die start () - Methode der hub wird aufgerufen, um die Verbindung zu starten.

    Fügen Sie einen anderen web-Formulars zum Projekt und nennen Sie es " ClientForm.aspx. Taste-in der folgenden markup-Code in das web-Formular:

    <!DOCTYPE html>
<html>
<head>
    <title>Client Form Receiving Notifications</title>
    <script src="/Scripts/jquery-1.8.2.min.js" ></script>
    <script src="/Scripts/jquery.signalR-1.0.0.js"></script>
    <script src="/signalr/hubs"></script>
    <script type="text/javascript">
        $(function () {
            var proxy = $.connection.notificationHub;
            proxy.client.receiveNotification = function (message) {
                $("#container").html(message);
                $("#container").slideDown(2000);
                setTimeout('$("#container").slideUp(2000);', 5000);
            };
            $.connection.hub.start();
        });
    </script>
</head>
<body>
    <div class="notificationBalloon" id="container">
    </div>
</body>
</html>

    Nun die Benachrichtigung schicken, der admin wird angezeigt, um alle Kunden wie diese.

    Anzeige von Echtzeit-updates von SQL Server mit SignalR und SQL-Abhängigkeit, gehen Sie folgendermaßen vor:

    Schritt 1: Aktivieren von Service Broker für die Datenbank

    Folgenden ist die Abfrage, müssen Sie zum aktivieren des service broker -

    ALTER DATABASE BlogDemos SET ENABLE_BROKER WITH ROLLBACK IMMEDIATE ;

    Schritt 2: Aktivieren der SQL-Abhängigkeit

        //Start SqlDependency with application initialization
     SqlDependency.Start(connString);

    Schritt 3: Erstellen der hub Klasse

    public class MessagesHub : Hub
    {
        private static string conString = ConfigurationManager.ConnectionStrings["DefaultConnection"].ToString();
        public void Hello()
        {
            Clients.All.hello();
        }

        [HubMethodName("sendMessages")]
        public static void SendMessages()
        {
            IHubContext context = GlobalHost.ConnectionManager.GetHubContext<MessagesHub>();
            context.Clients.All.updateMessages();
        }


    }

    Schritt 4: Holen Sie sich die Daten aus dem Repository

    Erstellen MessagesRepository, um die Nachrichten von der Datenbank, wenn Daten aktualisiert werden.

    public class MessagesRepository
    {
        readonly string _connString = ConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString;

        public IEnumerable<Messages> GetAllMessages()
        {
            var messages = new List<Messages>();
            using (var connection = new SqlConnection(_connString))
            {
                connection.Open();
                using (var command = new SqlCommand(@"SELECT [MessageID], [Message], [EmptyMessage], [Date] FROM [dbo].[Messages]", connection))
                {
                    command.Notification = null;

                    var dependency = new SqlDependency(command);
                    dependency.OnChange += new OnChangeEventHandler(dependency_OnChange);

                    if (connection.State == ConnectionState.Closed)
                        connection.Open();

                    var reader = command.ExecuteReader();

                    while (reader.Read())
                    {
                        messages.Add(item: new Messages { MessageID = (int)reader["MessageID"], Message = (string)reader["Message"], EmptyMessage =  reader["EmptyMessage"] != DBNull.Value ? (string) reader["EmptyMessage"] : "", MessageDate = Convert.ToDateTime(reader["Date"]) });
                    }
                }

            }
            return messages;


        }

        private void dependency_OnChange(object sender, SqlNotificationEventArgs e)
        {
            if (e.Type == SqlNotificationType.Change)
            {
                MessagesHub.SendMessages();
            }
        }
    }

    Schritt 5: Registrieren SignalR beim Start der Klasse

    app.MapSignalR();

    Schritt 6: verwenden Sie die Methode, um zu zeigen, Echtzeit an Ihrem Blick 

    <script src="/Scripts/jquery.signalR-2.1.1.js"></script>
 <!--Reference the autogenerated SignalR hub script. -->
    <script src="/signalr/hubs"></script>

<script type="text/javascript">
    $(function () {
        //Declare a proxy to reference the hub.
        var notifications = $.connection.messagesHub;

        //debugger;
        //Create a function that the hub can call to broadcast messages.
        notifications.client.updateMessages = function () {
            getAllMessages()

        };
        //Start the connection.
        $.connection.hub.start().done(function () {
            alert("connection started")
            getAllMessages();
        }).fail(function (e) {
            alert(e);
        });
    });


    function getAllMessages()
    {
        var tbl = $('#messagesTable');
        $.ajax({
            url: '/home/GetMessages',
            contentType: 'application/html ; charset:utf-8',
            type: 'GET',
            dataType: 'html'
        }).success(function (result) {
            tbl.empty().append(result);
        }).error(function () {

        });
    }
</script>

    Hoffe, das hilft 🙂

    • ich danke Ihnen sehr für Ihre Ratschläge , aber in diesem Beispiel sieht aus wie du bist nicht mit einer Datenbank , korrigieren, wenn ich falsch
    • ich von Ihnen positiv bewertet werden, nur weil dies ist eine ziemlich gut geschriebene Antwort
    • Vielen Dank 🙂
    • Tolle Erklärung .. Danke
    InformationsquelleAutor Aminul
  2. 0

    Können Sie SqlDependency + SignalR, es zu tun.

    Diesem link Folgen:

    SqlDependency : http://msdn.microsoft.com/en-us/library/system.data.sqlclient.sqldependency(v=vs. 110).aspx

    SignalR: http://signalr.net/

    InformationsquelleAutor Vietprogrammer
Schreibe einen Kommentar