a simple chat function

描述:实现一个简单的聊天室功能,可以实时的接收到其他user发送的信息,可以查看源码,效果如下图:

在这里插入图片描述

涉及到的技术

back end: express socket.io sequelize jasmine
front end: bootstrap

实现的关键点

  • 设置好监听端口,浏览器localhost:3000访问时,返回404,添加index.html入口页面
	app.use(express.static(__dirname)) 
  • post请求,req.body={}, 需要parse application/json
	app.use(bodyParser.json())
  • parse application/x-www-form-urlencoded, 如果没有解析对应的Content-Type,req.body=undefined
	app.use(bodyParser.urlencoded({extended: false}))
  • socket.io的使用
server:
	const server = require('http').createServer(app);
	const io = require('socket.io')(server)
	io.on('connection', () => {})
	io.emit('xx', obj)
client:
	<script src="/node_modules/socket.io/client-dist/socket.io.min.js"></script>
	const socket = io.connect('http://localhost:4000/');
	 socket.on('xx', () => {})
  • sequelize,mysql2数据存储
    在这里插入图片描述
	npm install jasmine --save-dev
	npm install request --save-dev (数据请求)
	npx jasmine init

在这里插入图片描述

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值