node.js 聊天室 android,用nodejs写的一个简单的聊天室

项目目录:

b5982bdca9af

image.png

借鉴自:https://www.w3cschool.cn/socket/socket-ulbj2eii.html

html:

Socket.IO chat

* { margin: 0; padding: 0; box-sizing: border-box; }

body { font: 13px Helvetica, Arial; }

div { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; }

div input { border: 0; padding: 10px; width: 90%; margin-right: .5%; }

div button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; }

#messages { list-style-type: none; margin: 0; padding: 0; }

#messages li { padding: 5px 10px; }

#messages li:nth-child(odd) { background: #eee; }

发送

var socket = io("192.168.10.57:5000");

var name = prompt("用户名字:");

var sendBtn = document.getElementById("m");

document.title = name;

function messages(){

var msg = "加入群聊的用户:" + sendBtn.value;

socket.emit('chatMessage', msg);

sendBtn.value = '';

return false;

}

socket.on('chatMessage', function(msg){

addUseInfo(msg);

});

//展示后台的信息到客户端

function addUseInfo(msg){

var parentElement = document.getElementById('messages');

var liElement = document.createElement("li");

liElement.innerHTML = msg;

parentElement.appendChild(liElement);

}

js:

var app = require('express')();

var http = require('http').Server(app);

var io = require('socket.io')(http);

app.get('/', function(req, res){

res.sendFile(__dirname + '/myindex.html');

});

io.on('connection',function(socket){

console.log('用户连接上了')

socket.on('chatMessage',function(msg){

console.log('mess' + msg);

io.emit('chatMessage',msg);

console.log('fasong')

});

})

http.listen(5000,function(){

console.log("链接上了服务器5000")

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值