nodejs+socket.io初体验

最新推荐文章于 2024-08-19 16:53:37 发布

原创最新推荐文章于 2024-08-19 16:53:37 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#node.js socket

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何使用 Node.js 和 Socket.IO 实现客户端与服务器之间的实时通信，包括建立项目、配置环境、编写 server.js 文件以及通过 HTML 页面进行交互测试。同时，展示了如何设置全局的 node_module 并在 WebStorm 中运行 Node.js 项目，提供了完整的操作步骤和代码实例。

首先安装node.js一路next,也可以自定义，自定义注意把node.exe所在目录加入系统环境变量中。

建立项目: d:/project

cd d:/project

然后使用npm install socket.io 看到在该目录下新生产node_module目录，

建立server.js内容如下：

var io = require('socket.io').listen(8080);

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
});

然后在目录：D:\project\node_modules\socket.io\lib 下建立index.html文件

内容如下：

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>测试nodejs</title>
 </head>
 <body>
 <script src="http://localhost:8080/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://localhost:8080');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>
 </body>
</html>

测试使用 node server.js 然后点击查看index.html文件，打开Chrome的审查元素。。

设置全局的node_module.在node安装目录下新建node-global修改npm下的npmrc文件。

prefix=D:\software\node\node-global

运行

npm config set prefix "D:\software\node\node-global"
npm config set cache "D:\software\node\node-cache"

添加node_global到NODE_PATH 和 PATH中

接着就可以全局运行server.js了

在webstorm运行node.js项目，只需记住两个快捷键：alt+enter ,alt+shift+f10