离子套接字设置不起作用

Question

我在我的服务器端使用 MEAN.JS(NODEJS)，在我的门户网站上使用客户端，当我在我的离子框架中使用相同的控制器时，我在其中设置了用于实时更新的套接字并且它完美地工作基于 android 的应用程序它吐出这个错误，
GET http://localhost:8100/socket.io/?EIO=3&transport=polling&t=LDaenOH 404 (Not Found)。
我的服务器在 http://localhost:3000

上运行

我的 MEANJS 和 IONIC 套接字服务

angular.module('core').service('Socket', ['Authentication', '$state', '$timeout',
function (Authentication, $state, $timeout) {
    // Connect to Socket.io server
    this.connect = function () {
      // Connect only when authenticated
      if (Authentication.user) {
        this.socket = io();
      }
    };
    this.connect();

    // Wrap the Socket.io 'on' method
    this.on = function (eventName, callback) {
      if (this.socket) {
        this.socket.on(eventName, function (data) {
          $timeout(function () {
            callback(data);
          });
        });
      }
    };

    // Wrap the Socket.io 'emit' method
    this.emit = function (eventName, data) {
      if (this.socket) {
        this.socket.emit(eventName, data);
      }
    };

    // Wrap the Socket.io 'removeListener' method
    this.removeListener = function (eventName) {
      if (this.socket) {
        this.socket.removeListener(eventName);
      }
    };
  }
]);

MEANJS 和 IONIC CONTROLLER

.controller('OrdersController', OrdersController);
OrdersController.$inject = ['$scope', '$state', '$timeout', 'orderResolve','OrdersService', 'Authentication', 'Socket'];

  function OrdersController($scope, $state, $timeout, order, OrdersService, Authentication, Socket) {
    var vm = this;

vm.order = order;
//vm.isNew = vm.order._id;
vm.authentication = Authentication;
vm.user = vm.authentication.user;
vm.error = null;
vm.message = null;
vm.form = {};
vm.remove = remove;
vm.save = save;
vm.saveUsingSocketEvents = saveUsingSocketEvents;

// Make sure the Socket is connected
if (!Socket.socket && Authentication.user) {
  Socket.connect();
}

Socket.on('orderUpdateError', function (response) {
  vm.error = response.message;
  //TODO: Use ng-messages
});

Socket.on('orderUpdateSuccess', function (response) {
  if (vm.order && vm.order._id.toString() === response.data._id) {
    vm.order = response.data;
    vm.message = response.message + ' by ' + (response.updatedBy !== vm.user.displayName ? response.updatedBy : 'You') + ' at ' + response.updatedAt;
  }
});
// Create new Order using SocketIO events
function saveUsingSocketEvents(isValid) {
  vm.error = null;

  if (!isValid) {
    $scope.$broadcast('show-errors-check-validity', 'orderForm');
    return false;
  }

  var order = new OrdersService({
        name: this.name,
        phone: this.phone
    });

  // we can send the user back to the orders list already
  // TODO: move create/update logic to service
  if (vm.order._id) {
    vm.order.$update(successCallback, errorCallback);
  } else {
    vm.order.$save(successCallback, errorCallback);
  }

  function successCallback(res) {
    $state.go('orders.view', {
      orderId: res._id
    });
  }

  function errorCallback(res) {
    vm.error = res.data.message;
  }

  // wait to send create request so we can create a smooth transition
  $timeout(function () {
    // TODO: move create/update logic to service
    if (vm.order._id) {
      Socket.emit('orderUpdate', vm.order);
    } else {
      Socket.emit('orderCreate', vm.order);
    }        
  }, 2000);
}

}

Answer 1

问题是当您创建新的套接字连接时，您没有为您的套接字服务器指定 url

angular.module('core').service('Socket', ['Authentication', '$state', '$timeout',
function (Authentication, $state, $timeout) {
    // Connect to Socket.io server
    this.connect = function () {
      // Connect only when authenticated
      if (Authentication.user) {
        this.socket = io(); //you haven't specified the url for your socket server
      }
    };

因此，在您的 android 应用程序上，它将尝试根据您当前的 url 创建一个套接字，因为 cordova 只是通过 file 协议为您的文件提供服务，您的 socket.io 将尝试通过相同的协议创建连接。

您的套接字服务器运行在您的本地计算机上，要在您的 android 上工作，您必须指定计算机的 IP 地址和服务器侦听的端口。转到您的网络首选项并获取您的 IP 地址并将其添加到您的套接字初始化以及您的服务器正在侦听的端口，如下所示：

angular.module('core').service('Socket', ['Authentication', '$state', '$timeout',
function (Authentication, $state, $timeout) {
    // Connect to Socket.io server
    this.connect = function () {
      // Connect only when authenticated
      if (Authentication.user) {
        this.socket = io('http://192.1.0.123:8100');
      }
    };

其中 192.1.0.123 是您的 机器的 IP 地址 并且 8100 是您的 套接字服务器所在的端口运行 .

离子套接字设置不起作用

Ionic Socket setup not working

angularjs

node.js

sockets

ionic-framework

meanjs