个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我有一个应用程序，我正在尝试为客户制作一个排队系统。我正在努力做到这一点，以便当客户加入队列时，它会通知商店员工加入并让他们知道加入队列并尽快帮助客户。
不过，我似乎根本无法让 Socket IO 与我的前端对话。
这是我的代码，我什至无法让 Node 将 Socket 识别为一个库。我遵循了 3 个不同的教程，并尝试了所有教程，但我看不出我的服务器代码中有什么问题。
这是我在与 Socket.io 相关的服务器中所做的事情
var express = require('express');
var app = express();
var io = require('socket.io');
io.on('connection', function(socket){
socket.emit('connection', "Connection created.")
console.log("Socket.io is GO");
socket.on('add customer', function(customer){
console.log("Customer added", customer);
})
socket.on('notification', function(data) {
console.log("NEW CUSTOMER IN THE QUEUE", data);
});
});
我似乎无法让它在我的服务器上运行，当它确实运行时，它没有显示我在那里的任何 socket.on 事件，也不会 console.log 任何内容。
我做错了什么？有没有人成功地让 Socket 与 Express 和 Angular 一起很好地发挥作用？
最佳答案
看起来您的代码不完整，或者您没有很好地实现。
我使用 angular.js、express 和 socket.io 创建了一个示例，试图复制您的要求。
这是我的服务器，app.js:
var express = require('express');
var app = express();
var server = require('http').Server(app);
var io = require('socket.io')(server);
app.use(express.static(__dirname + '/public'));
io.on('connection', function(socket) {
console.log('new connection');
socket.on('add-customer', function(customer) {
io.emit('notification', {
message: 'new customer',
customer: customer
});
});
});
server.listen(4041, function() {
console.log('server up and running at 4041 port');
});
然后我创建了一个包含以下文件的公用文件夹:
public/index.html
<!doctype>
<html ng-app="sampleApp">
<head>
</head>
<body ng-controller="IndexController">
<label>Please enter your name: </label>
<input ng-model="currentCustomer.name"/>
<button ng-click="join()">Join</button>
<br/>
<h1>New Customers: </h1>
<ul>
<li ng-repeat="customer in newCustomers">{{customer.name}}</li>
</ul>
<script src="https://cdn.socket.io/socket.io-1.3.5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular-route.js"></script>
<script src="app.js"></script>
</body>
</html>
public/app.js
var app = angular.module('sampleApp', ['ngRoute']);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/', {
templateUrl: '/index.html'
});
}]);
app.factory('socket', ['$rootScope', function($rootScope) {
var socket = io.connect();
return {
on: function(eventName, callback){
socket.on(eventName, callback);
},
emit: function(eventName, data) {
socket.emit(eventName, data);
}
};
}]);
app.controller('IndexController', function($scope, socket) {
$scope.newCustomers = [];
$scope.currentCustomer = {};
$scope.join = function() {
socket.emit('add-customer', $scope.currentCustomer);
};
socket.on('notification', function(data) {
$scope.$apply(function () {
$scope.newCustomers.push(data.customer);
});
});
});
关于angularjs - Socket.io + Express + Node + Angular 通知，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31040770/
24
4
0
我用运行 Node node --debug app OR node --debug-brk app 它有反应 debugger listening on port 5858 Express serv
这个问题在这里已经有了答案: What is the difference between (int *i) and (int* i) in context of both C and C++? [
我有一个应用程序，它通过消息队列将数据库写入命令分派(dispatch)给工作人员(数量非常大)，因此无法保证它们的接收顺序。 我有两个 Node ，例如“Account”和“Media”。在此假设的
有没有办法在调用 ts-node 时将选项传递给 Node ？我正在尝试在 Node 中使用一个实验性功能，如果它能与 ts-node 一起使用，那就太好了。 这就是我目前正在做的事情: ts-nod
我有一个容器化的Node应用程序，它在DigitalOcean服务器上运行。当我更新服务器上的应用程序时，该应用程序必须关闭一小段时间。为了能够更新应用程序并避免停机，我目前正在阅读零停机时间部署/蓝
我正在编写一个 Node.js 应用程序。我正在使用 request 和 Cheerio 加载一组 URL 并获取该网站的大量信息，现在假设我想要获取的只是标题: var urls = {"url_1
如果不弹出以下错误，我无法安装任何 Node.js 模块。错误代码引用package.json文件。如果知道为什么会发生这种情况，我们将不胜感激。 最佳答案 这些不是错误，它们只是警告。一切都应该如此
如果我运行(从我的项目目录中): supervisor javascripts/index.js 我得到:/usr/bin/env: Node :没有这样的文件或目录 如果我运行: node java
我已遵循使用 Node-Inspector 的所有步骤 但是当我打开应用程序时，我在控制台上看不到任何脚本或日志。 我的应用程序在端口 4000 上运行。我认为唯一可能发生冲突的是端口 8080 上的
我在android中使用rxjava2，有时会遇到这样的问题: Observable.fromArray( // maybe a list about photo url in SD
我目前正在使用 Node 光纤来编写同步服务器端代码。我主要通过 try-catch block 进行错误处理，但外部库或其他小部分异步代码中总是有可能发生错误。我正在考虑使用新的域功能来尝试将这些错
看起来node-debug是node-inspector周围的一个shell？分别什么时候应该使用？ 最佳答案 如果您安装node-debug，您只能访问node-debug命令。 如果您安装node
我目前正在代理后面工作，该代理不允许我执行此命令的 HTTP GET 请求阶段: Node node-sass/scripts/build.js 请求阶段: gyp http GET https://
听说node js可以用在服务端。我以前用过jsp。 jsp页面内部的java代码对客户端是不可见的。如果 Node js 只是 javascript，那么它如何对客户端不可见？ 最佳答案 首先，No
我正在为 Node native 插件从 node-waf 构建迁移到 node-gyp 构建系统。 node-gyp 说它支持多个目标版本，但我在使用 node-gyp 时找不到如何指定目标 Nod
给定一个 $node ，我正在尝试在以下两种输出该 $node 的方式之间做出决定。 要么 $output = theme('node', $node); 或 node_build_content($
如果package.json中的窗口A打开一个新窗口B，node-main如何访问它？这是我的代码: package.json { "main": "index.html",
我试图在我的 xml 中的特定节点 ( ) 之前插入一个注释节点。这是它的方法: function test(xmlResponse) { var parser = new DOMParse
我正在尝试做npm install wrtc使用 Node 版本 16.14.0 但这还没有完成。它在给npm error code 1所以我试图将 Node 版本更改为以前的 lts 14.19.0
当我在 Visual Studio 中运行 Node.js 应用程序时，我收到以下消息:DeprecationWarning: 'node --debug' 和 'node --debug-brk'
我是一名优秀的程序员,十分优秀！