最初の SignalR アプリを機能させようとして、ある種の基本的な構成の問題が発生しました。プロキシを生成していますが、そこにはハブがなく、createHubProxy() を呼び出すことさえできません。その関数は何らかの理由でプロキシに存在しません。
Application_start で RouteTable.Routes.MapHubs() を呼び出しているので、web.config にも設定してみました。私は何を間違っていますか？
これは普通の Web フォーム アプリです。私のaspxコード:
<%@ Page Language="C#" CodeFile="blogroll3.aspx.cs" Inherits="blogroll3" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
<script src="/scripts/jquery.signalR-1.1.3.js"></script>
<script src='<%: ResolveClientUrl("~/signalr/hubs") %>'></script>
<script src="blogroll3.js"></script>
</head>
<body>
</body>
</html>
コードビハインド:
using System;
using System.Web.UI;
using Microsoft.AspNet.SignalR;
using Microsoft.AspNet.SignalR.Hubs;
public partial class blogroll3 : Page
{
public class ProgressHub : Hub
{
public void setProgress()
{
}
}
}
私のクライアントjsコード:
//this is not working, progressHub is undefined:
//var proghub = $.connection.progressHub;
//this code fails on createHubProxy(), it doesn't exist.
var connection = $.hubConnection();
var proghub = $.connection.createHubProxy('progressHub');
生成するプロキシは次のとおりです。
/*!
* ASP.NET SignalR JavaScript Library v1.1.3
* http://signalr.net/
*
* Copyright Microsoft Open Technologies, Inc. All rights reserved.
* Licensed under the Apache 2.0
* https://github.com/SignalR/SignalR/blob/master/LICENSE.md
*
*/
/// <reference path="..\..\SignalR.Client.JS\Scripts\jquery-1.6.4.js" />
/// <reference path="jquery.signalR.js" />
(function ($, window) {
/// <param name="$" type="jQuery" />
"use strict";
if (typeof ($.signalR) !== "function") {
throw new Error("SignalR: SignalR is not loaded. Please ensure jquery.signalR-x.js is referenced before ~/signalr/hubs.");
}
var signalR = $.signalR;
function makeProxyCallback(hub, callback) {
return function () {
// Call the client hub method
callback.apply(hub, $.makeArray(arguments));
};
}
function registerHubProxies(instance, shouldSubscribe) {
var key, hub, memberKey, memberValue, subscriptionMethod;
for (key in instance) {
if (instance.hasOwnProperty(key)) {
hub = instance[key];
if (!(hub.hubName)) {
// Not a client hub
continue;
}
if (shouldSubscribe) {
// We want to subscribe to the hub events
subscriptionMethod = hub.on;
}
else {
// We want to unsubscribe from the hub events
subscriptionMethod = hub.off;
}
// Loop through all members on the hub and find client hub functions to subscribe/unsubscribe
for (memberKey in hub.client) {
if (hub.client.hasOwnProperty(memberKey)) {
memberValue = hub.client[memberKey];
if (!$.isFunction(memberValue)) {
// Not a client hub function
continue;
}
subscriptionMethod.call(hub, memberKey, makeProxyCallback(hub, memberValue));
}
}
}
}
}
$.hubConnection.prototype.createHubProxies = function () {
var proxies = {};
this.starting(function () {
// Register the hub proxies as subscribed
// (instance, shouldSubscribe)
registerHubProxies(proxies, true);
this._registerSubscribedHubs();
}).disconnected(function () {
// Unsubscribe all hub proxies when we "disconnect". This is to ensure that we do not re-add functional call backs.
// (instance, shouldSubscribe)
registerHubProxies(proxies, false);
});
return proxies;
};
signalR.hub = $.hubConnection("/signalr", { useDefaultPath: false });
$.extend(signalR, signalR.hub.createHubProxies());
}(window.jQuery, window));