1.介绍
我是nodejs新手,这个简易聊天室是我的第一个小项目。感觉网上入门的很多东西都有点过时,希望可以帮到新手宝宝们。
2.详细说明
核心是nodejs,同时写前端和后端,在自己电脑上面通过nodejs实现http服务器,测试,校内局域网均可访问。
依赖除了socket.io还有express,本来不想用,但是发现静态文件需要处理,所以使用了express处理静态文件。
建议参考官网示例,我想提出几个需要注意的问题(帮助大家不要和我一样走弯路)。
(1)http服务器的listen()参数中,第二个参数要设定为局域网ip ,如果不考虑局域网其他人访问,可以设定为127.0.0.1或者干脆不设定第二个参数。
(2)局域网ip即是内网ip ,网上说用cmd的ipconfig命令查看,注意了 ,很多校网都是有线连接然后vpn登陆的,如果使用以太网ip,则会无法访问,这里应该使用VPN的内网ip (这是大神提醒我的)。
(3) 一定要设定socket.io.js为静态文件,方法不用多说,只是提醒。
(4)关于页面,似乎没有什么容易错的地方(我自己在外部js文件引用上出错,忘记 ‘./‘这个前缀)。
我相信我的demo作为整体的结构理解是很有意义的,为之后的学习打下好的基础。欢迎小伙伴们找我交流(并不会有人看)。
最后附一张我的页面截图:
//服务端index.js
var express=require('express');
var app=express();
var server=require('http').createServer(app);
server.listen(3000,'222.205.97.160');
var io=require('socket.io');
var socket=io.listen(server);
var fs=require('fs');
const path = require('path');
app.get("/", function (req,res) {
res.sendFile(__dirname+"/index.html");
});
app.use('/static', express.static(path.join(__dirname, 'public')));
socket.on('connection',function(socket){
//socket.join('room1',function(){console.log("join room");})
socket.emit('news',{hello:'您已连接'});
socket.on('chat',function(data){
var data=data;
socket.broadcast.emit('notice',{msg:data});
socket.emit('noti