nodejs+socket.io初体验

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先安装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



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值