Quantcast
Channel: ASP.NET Core
Viewing all articles
Browse latest Browse all 9386

Accessing SignalR Hub from ASP.Net core which is created in ASP.Net

$
0
0

Im trying CORS.

SignalR server is created in ASP.Net using this link . And im trying to access the Hub from ASP.Net Core client application using "@aspnet/signalr-client". My question is

  1.  Is this possible?.
  2. If possible, how the "/signalr/hub" js will be used in asp.net core.

I tried this and got this error when i call .start();

Error while establishing connection -  "SyntaxError: Unexpected end of JSON input
at JSON.parse (<anonymous>)
at HttpConnection.<anonymous> (HttpConnection.js:41)
at Generator.next (<anonymous>)
at fulfilled (HttpConnection.js:6)
at ZoneDelegate.invoke (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86198)
at Object.onInvoke (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:15003)
at ZoneDelegate.invoke (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86197)
at Zone.run (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:85948)
at vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86625
at ZoneDelegate.invokeTask (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86231)"

im trying to connect the Hub from type script code. if i use normal jquery in index.chtml then it gets connected. Is this possible from type script

my index.chtml code

@section scripts {    <script src="~/dist/main-client.js" asp-append-version="true"></script>    <!--Reference the autogenerated SignalR hub script. -->    <script src="http://localhost:52527/Scripts/jquery-1.10.2.min.js"></script>    <script src="http://localhost:52527/Scripts/jquery.signalR-2.0.3.min.js"></script>    <script src="http://localhost:52527/signalr/hubs"></script>    <script>        $(function () {                        $.connection.hub.url = "http://localhost:52527/signalr/ChatHub"            // Start the connection.            try {                $.connection.hub.start({ transport: 'longPolling' }).done(function () {                    console.log('Hub connection started');                });            }            catch (error) { console.log('Error while establishing connection', error);}        });    </script>}

 

my home.component.ts code

ngOnInit() {        this._hubConnection = new HubConnection('http://localhost:52527/chatHub', { transport: TransportType.LongPolling, logging: LogLevel.Information });        console.log(this._hubConnection);        this._hubConnection.on('Send', (data: any) => {            const received = `Received: ${data}`;            this.messages.push(received);        //});        this._hubConnection.start()            .then(() => {                console.log('Hub connection started')            })            .catch((error) => {                console.log('Error while establishing connection' , error)            });    }



Thanks in advance.


Viewing all articles
Browse latest Browse all 9386

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>