nodeJs+ws实现webscoket双向通信小游戏

初学nodejs制作webscoket双人对战小游戏
1.创建登录页(输入用户名开始匹配)

//通过WebSocket传入用户名创建房间(客户端:通过获取输入的用户名)
		new WebSocket(`ws://127.0.0.1:8082/${name}`);

2.接受用户发送的用户名

//在连接时获取到用户名(保存当前用的clients实现单方面通知只通知当前房间的用户)
let clitentList = [];
;wss.on('connection', (ws, req)  =>  {
		//获取req的url
		// 保存当前用户的client
		clitentList [name] = Array.from(wss.clients)[Array.from(wss.clients).length - 1];
		// 搜索当前时候有空房间没有事创建有事直接将该用户加入当前房间
		// 循环当前房间用户信息返回房间信息
		clitentList [当前房间用的名字].send(房间信息)
})

3.用户接受成功请求题目

// 模拟用户题目
app.get('/api/tipc', (req, res)=> {
	res.json({
		list: topics[req.query.index]
	})
})
let topics = [
	{
		'topic': '狮子是什么颜色',
		'anserList': [
			'黄色', '蓝色', '紫色', '粉色'
		],
		'answer': 1,
		'time': 60
	},
	{
		'topic': '1+1=?',
		'anserList': [
			'6', '2', '5', '8'
		],
		'answer': 2,
		'time': 60
	}
]

选择题目发送用户选择题目信息

//发送当前房间名字和当前用户名字给服务器
socket.send(JSON.stringify({
			'name': input.value,
			'login': false,
			'select': index,
			'home_name': honeName
		}))
		//接受信息并返回给当前房间的用户
		 ws.on('message', (message)  => {
			// 通过当前房间信息超找当前房间的用户
			// 循环返回单项通知当前房间的2个用户
		})

实现前端答案显示逻辑
。。。。
初次写文章(勿喷)直接看项目代码吧 目前只是雏形望大神指教
后续代码会逐步完成(谢谢阅读) 项目地址:https://github.com/chunhualong/websocket.git
大家一起努力!!!!

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值