19

Tratando de replicar un ejemplo que encontré en internet el cual usa SignalR y Angular, en donde esta desarrollado de manera local, lo cual permite por medio de un click hacer una petición y traer un saludo mas la fecha del servidor, pero al tratar de hacerlo usando un servidor en la nube, no funciona, solo intento cambiar donde se estable la conexión, pero no he podido lograrlo.

Aquí dejo el enlace del ejemplo, hay que hacerle unas modificaciones breves al codigo ya que algunas cosas son obsoletas, pero en si es como una o dos lineas de código del lado del servidor.

Este es mi código:

var app = angular.module('app', []);
app.value('$', $);

app.factory('signalRSvc', function ($, $rootScope) {
    return {
        proxy: null,
        initialize: function (acceptGreetCallback) {           

            //Getting the connection object
            connection = $.hubConnection('http://host:puerto');         

            //Creating proxy
            this.proxy = connection.createHubProxy('HelloWorldHub');

            //Starting connection
            connection.start({ jsonp: true }).done(function () {
                alert("funciono");
            });

            connection.start({ jsonp: true }).fail(function () {
                alert("fallo");
            });

            //connection.start({ jsonp: true }).done(function () {
            //    console.log("connection started!");
            //});  


            //Attaching a callback to handle acceptGreet client call
            this.proxy.on('acceptGreet', function (message) {
                $rootScope.$apply(function () {
                    acceptGreetCallback(message);
                });
            });
        },
        sendRequest: function (callback) {
            //Invoking greetAll method defined in hub
            this.proxy.invoke('greetAll');
        }
    }
});

app.controller('SignalRAngularCtrl', function ($scope, signalRSvc) {

    $scope.text = "";

    $scope.greetAll = function () {
        signalRSvc.sendRequest();
    }

    updateGreetingMessage = function (text) {
        $scope.text = text;
    }

    signalRSvc.initialize(updateGreetingMessage);

});
11
  • ¿Estás seguro que no es un problema de CORS?
    – user227
    Commented el 28 sept. 2016 a las 22:06
  • Pues según leo por aquí al parecer si es eso, por que en esta pregunta que respondió la misma persona que la hizo, recomendó usar CORS, en vez de jsonp, enlace Commented el 28 sept. 2016 a las 22:08
  • 2
    Te recomendaría mirar el código fuente del signal R.
    – user13558
    Commented el 2 nov. 2016 a las 21:13
  • ok, le echare un ojo Commented el 2 nov. 2016 a las 22:32
  • 1
    @fredyfx perdon, del servidor y con jquery puro lo hicimos, pero no pude hacerlo funcionar ocn angular, por que no segui en eso por que luego toco esperar algo en la universidad y me ocupe en el libro, pero debemos sentarnos a poner eso Commented el 10 feb. 2017 a las 3:07

1 respuesta 1

0

Dependiendo de tu lenguaje Backend o si puedes agrear una regla a tu servidor en la configuración de apache, agrega esta regla o cabecera:

"Access-Control-Allow-Origin: *"

Por reglas de CORS, se impide devolver respuestas a peticiones externas mediantes conexiones XMLHttpRequest o AJAX

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.