Question

问题不是this的重复，尽管提到的问题有一些非常有趣的答案，并帮助我更好地理解我的问题，但它并不能满足我的需要。让我解释一下我的情景。

我有一个asp.net mvc网站，通过signalR＆amp; amp;具有通知功能和实时数据更新。 SQL依赖。使用Identity 2.0进行用户身份验证。只允许授权用户查看更新的数据/通知。此外，通知/更新因用户而异。我通过实现自定义UserId提供程序并使用Identity的UserId实现了这一目标。

现在我想实现以下目标。

简单部分：在其他网站中显示页面内容（仪表板），无论其开发语言如何。它可以在现有页面内或任何他们（其他网站）想要的地方注入。
困难部分：显示实时通知＆amp;基于登录用户更新集成部分。

在这种情况下，最佳的行动方案是什么？

更新由于原始问题由于没有详细说明而暂停，因此我希望获得建议的详细信息。

我在 localhost：54603 运行的asp.net mvc网站，以下是家庭控制器的操作

public ActionResult Index()
{
   HttpContext.Response.AppendHeader("Access-Control-Allow-Origin", "*");
   return View();               
}

索引视图上有一些signalR功能。下面是signalR的启动配置以允许CORS，因为我的目标是将索引页面及其整个功能暴露给客户端（运行php等）

app.Map("/signalr", map =>
{

  map.UseCors(CorsOptions.AllowAll);
  var hubConfiguration = new HubConfiguration
  {
       // You can enable JSONP by uncommenting line below.
       // JSONP requests are insecure but some older browsers (and some
       // versions of IE) require JSONP to work cross domain
       // EnableJSONP = true
   };

  map.RunSignalR(hubConfiguration);
});

我已经创建了notifcationHub，以下是我前端的代码（使用代理）。

<script>
    $(function () {
        // Reference the auto-generated proxy for the hub.
        $.connection.notificationHub.url = 'http://localhost:54603/signalr';
        var notification = $.connection.notificationHub;

        // Client side method for receiving the list of notifications on the connected event from the server
        notification.client.refreshNotification = function (data) {
            $("#notificationTab").empty();
            $("#cntNotifications").text(data.length);
            for (var i = 0; i < data.length; i++) {
                $("#notificationTab").append("<tr> <td> " + data[i].Id + "</td> <td>" + data[i].Text + "</td> <td>" + data[i].CreatedDate + "</td></tr>");
            }
        }

        //Client side method which will be invoked from the Global.asax.cs file.
        notification.client.addLatestNotification = function (data) {       
            $("#cntNotifications").text($("#cntNotifications").text() + 1);
            $("#notificationTab").append("<tr> <td> " + data.Id + "</td> <td>" + data.Text + "</td> <td>" + data.CreatedDate + "</td></tr>");
        }

        // Start the connection.
        $.connection.hub.start().done(function () {

            //When the send button is clicked get the text and user name and send it to server.
            $("#btnSend").click(function () {
                notification.server.sendNotification($("#text").val(), $("#userName").val());
            });
            console.log($.connection.hub.id);

        }).fail(function (data) { console.log('Could not connect' + data); });

    });
</script>

和Html正在关注

@{
    ViewBag.Title = "Home Page";
    Layout = null;
}

<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/signalr/jquery.signalr-2.2.0.min.js"></script>

<script src="@Url.Content("~/signalr/hubs")"></script>

@*<script src="~/signalr/hubs"></script>*@

<div style="width: 70%; padding: 20px">
    <div class="panel panel-primary">
        <div class="panel-heading">

            <! &ndash; To show notification count-->
            <div style="float: left" class="panel-title">Notifications</div>
            <div style="float: right" class="badge" id="cntNotifications"></div>
            <div style="clear: both"></div>


        </div>
        <div class="panel-body">
            <! &ndash; To show All the notifications-->
            <table class="table table-striped table-hover ">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Text</th>
                        <th>Created Date</th>
                    </tr>
                </thead>

                <tbody id="notificationTab"></tbody>
            </table>
        </div>
    </div>

    <! &ndash; Add panel notification to send notification, Make sure that user enters the user id of the domain they are logged into -->
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">Create Notifications</h3>
        </div>
        <div class="panel-body">
            <div class="form-group">
                <label class="control-label" for="focusedInput">Notification Text</label>
                <input class="form-control" id="text" type="text" value="">
            </div>
            <div class="form-group">
                <label class="control-label" for="focusedInput">Send To</label>
                <input class="form-control" id="userName" type="text" value="">
            </div>
            <a id="btnSend" style="cursor: pointer" class="btn btn-primary">Send Notification</a>
        </div>
    </div>
</div>

页面按预期正常运行，并在控制台中记录连接ID。

现在我已经创建了另一个html页面，以下是其代码

<html>
<head>
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>  
    <script src="http://ajax.aspnetcdn.com/ajax/signalr/jquery.signalr-2.2.0.min.js"></script> 
</head>
<body>
    <aside>
         <div class="col-lg-2">
              <ul>
                  <li>this</li>
                  <li>is</li>
                  <li>aside</li>
              </ul>
              </div>
    </aside>
    <article>
        <div class="col-lg-10">
            <div id="something">

            </div>
        </div>
    </article>
    <script src="http://localhost:54603/signalr/hubs"></script>
    <script>
        $(document).ready(function () {
            $.ajax({
                url: "http://localhost:54603/Home/Index",
                dataType: 'html',
                crossDomain: true,
                cache:true


            }).done(function (data) {
                $('#something').html(data);
            });
        });
    </script>
</body>
</html>

Ajax请求返回html但signalR抛出错误。以下是控制台消息。

GET http://localhost:54603/Home/Index 200 OK 1.18s
无法连接错误：协商请求期间出错。

导致此错误的错误是什么？

Answer 1

很难准确确定你需要做什么，因为这个问题相当广泛，但我希望这些要点有点帮助（编辑）：

SignalR cross-domain在客户端使用JavaScript，在服务器端使用CORS，因此您可以在此方面使用。除了在客户端页面中包含JavaScript之外，您可以轻松创建可以连接到SignalR通道而无需更改PHP代码的JavaScript文件。

您可以在服务器上轻松创建一个客户端可以在其页面上引用的脚本，该脚本将所需的所有内容提取到客户端页面。因为脚本是从您自己的服务器执行的，所以我不认为您需要担心CORS，因为它不是真正的跨站点脚本，因为执行请求的代码将被拥有＆＃39;由您的服务器/域。

对于身份验证，如果只有您的脚本需要访问身份验证，我认为这意味着您也可以使用您的域身份验证（Cookie等）我＆＃39;我必须检查那个。最终，您是否使用包含脚本的域名HTTP请求对其进行身份验证？

以下是一些可能有用的线程：

如何将包含signalR的asp.net mvc页面与其他平台集成

1 个答案: