0

我们在服务器上使用 ASP.Net 并在客户端使用 AngularJS 创建了一个 Web 应用程序。这里的要求之一是跟踪 Web 应用程序中各个部分的使用情况。

这些统计数据将要求我们在用户使用应用程序时记录用户活动。我正在考虑使用 SignalR 将此类活动数据发送到服务器。我们会频繁地向服务器发出请求以记录活动数据(即发即弃模型)。

我的问题是,它是使用 SignalR 的好用例吗?由于它既不涉及双向通信,也不为连接的客户端实时更新数据。

还有一些可用的东西,我们可以利用它来构建这样的解决方案。

4

1 回答 1

3

我认为您最好的选择可能是在 angularJS 中创建一个 httpInterceptor 并跟踪您想要的任何内容(或您手头的信息),您可以在客户端中创建一个服务,该服务连接并将信息发送到您服务器中的日志服务以异步方式。

$provide.factory('loggerHttpInterceptor', function($q, logService) {
  return {
    'request': function(config) {
      var deferred = $q.defer();
      deferred.resolve(function(){
          logService.send('someuser','some action',config.url,'other info');
      });

  return {config: $q.when(config), logger: deferred.promise};
 //Other code for errors / response...etc

});

$httpProvider.interceptors.push('loggerHttpInterceptor');

编辑:

如果您想使用 signalR,您应该使用集线器,它们更易于实现,例如,我的解决方案中只有一个名为 signalR 的单独文件夹,其中包含集线器和 hubActivator 文件(我更喜欢该解决方案而不是 signalR dependencyResolver)解决我的依赖关系。

在这种情况下,您可以创建类似:

public class TrackerService : Hub
 {
    private readonly ICacheClient _cacheClient;
    private readonly ILogger_logger;
    public TrackerService(ILogger logger,ICacheClient cacheClient){
        _logger logger;
        _cacheClient = cacheClient; 

    }
    public override Task OnConnected(){
        var session = _cacheClient.SessionAs<IAuthSession>();
        //Get the current user, insert into a conected users list (that´s not 100% mandatory)
    }
    public override Task OnDisconnected(){
       //Delete the user from the list
    }

    public void EventTracker(PageInfo pageInfo){
    }

 }

选择服务堆栈提供的记录器 OOB 或创建您自己的跟踪器,这取决于您,通常您需要覆盖集线器中的两种方法:OnConnected 和 OnDisconnected 值得一提的是,一个用户可以拥有多个连接(浏览器或多个设备中的多个选项卡)通常您可以使用存储在静态变量或缓存中的用户列表(我更喜欢 SS 缓存,目前我正在使用 InMemoryCache),那么您需要创建方法来跟踪用户信息并将您需要的信息放入该对象。

在客户端,您需要为您的视图中的 signalR 添加一个 jquery 文件(jquery-signalR-version.js ,该文件为集线器创建动态客户端方法,最后您需要在 angularJs 中为signalR 客户端。

factory('signalRHubProxy', ['$rootScope', 'signalRServer',
    function($rootScope, signalRServer) {

        function signalRHubProxyFactory(serverUrl, hubName) {
            var connection = $.hubConnection(signalRServer);
            var proxy = connection.createHubProxy(hubName);


            return {
                on: function(eventName, callback) {
                    proxy.on(eventName, function(result) {
                        $rootScope.$apply(function() {

                            if (callback) {
                                callback(result);
                            }
                        });
                    });
                },
                off: function(eventName, callback) {
                    proxy.off(eventName, function(result) {
                        $rootScope.$apply(function() {
                            if (callback) {
                                callback(result);
                            }
                        });
                    });
                },
                invoke: function(methodName, params, callback) {
                    proxy.invoke(methodName, params)
                        .done(function(result) {
                            $rootScope.$apply(function() {
                                if (callback) {
                                    callback(result);
                                }
                            });
                        });
                },
                start: function() {
                    connection.start().done(function() {
                        console.log("Connected, transport = " + connection.transport.name);
                    });
                },
                connection: connection
            };
        }


        return signalRHubProxyFactory;
    }])

然后你可以在你的控制器中使用代理:

function trackActivityCtrl($scope, $resource, signalRHubProxy) {
    var hubProxy, pageInfo;
    pageInfo.something = $scope.InfoToTrack
    hubProxy.on("EventTracker", function (pageInfo) {
        //logic to track the activity
    });
    hubProxy.start();
}

我希望这会有所帮助

于 2013-10-18T20:00:30.940 回答