用uniapp 及socket.io做一个简单聊天app 2
创始人
2024-11-17 18:04:57
0

在这里只有群聊,二个好友聊天,可以认为是建了一个二人的群聊。

const express = require('express'); const http = require('http'); const socketIo = require('socket.io'); const cors = require('cors'); // 引入 cors 中间件  const app = express(); const server = http.createServer(app); const io = socketIo(server, {   cors: {     origin: "*", // 允许所有来源     methods: ["GET", "POST"]   } });  // 使用 cors 中间件 app.use(cors());  const port = 3000; const groups = {};  io.on('connection', (socket) => {   console.log('New user connected');    // 用户加入群组   socket.on('joinGroup', ({ groupName, userName }) => {     socket.join(groupName);     groups[socket.id] = { groupName, userName };     socket.to(groupName).emit('message', `${userName} has joined the group`);     console.log(`${userName} joined group ${groupName}`);   });    // 发送消息   socket.on('sendMessage', ({ groupName, message, userName }) => {     io.to(groupName).emit('message', `${userName}: ${message}`);     console.log(`Message sent to ${groupName}: ${userName}: ${message}`);   });    // 踢人   socket.on('kickUser', ({ groupName, userName }) => {     for (let id in groups) {       if (groups[id].userName === userName && groups[id].groupName === groupName) {         io.sockets.sockets.get(id).leave(groupName);         io.to(groupName).emit('message', `${userName} has been kicked from the group`);         console.log(`${userName} was kicked from group ${groupName}`);         break;       }     }   });    // 用户断开连接   socket.on('disconnect', () => {     if (groups[socket.id]) {       const { groupName, userName } = groups[socket.id];       socket.to(groupName).emit('message', `${userName} has left the group`);       delete groups[socket.id];       console.log(`${userName} left group ${groupName}`);     }   }); });  server.listen(port, () => {   console.log(`Server running on port ${port}`); });   

uniapp的界面

       

运行效果:在这里插入图片描述

相关内容

热门资讯

黑科技黑科技挂!德州ai辅助有... 黑科技黑科技挂!德州ai辅助有用(德州ai辅助神器软件)本来是有挂(有挂透明挂)-哔哩哔哩1、任何德...
黑科技美元局!红龙扑克怎么看底... 黑科技美元局!红龙扑克怎么看底牌(微扑克系统发好牌)原来真的有挂(有挂辅助挂)-哔哩哔哩1、每一步都...
黑科技黑科技!微扑克wpk透视... 黑科技黑科技!微扑克wpk透视辅助在哪下(wepoke智能ai)好像是有挂(有挂ai辅助)-哔哩哔哩...
黑科技神器!德州之星有没有假(... 黑科技神器!德州之星有没有假(德州ai人工智能)其实是有挂(有挂软件透明挂)-哔哩哔哩;1、操作简单...
黑科技软件!aapoker透明... 黑科技软件!aapoker透明挂下载(aapoker真的有猫腻)都是是有挂(有挂透明挂)-哔哩哔哩;...
黑科技黑科技!wepoke用模... 黑科技黑科技!wepoke用模拟器(德州ai辅助神器软件)都是真的有挂(有挂透视)-哔哩哔哩1、下载...
黑科技有挂!红龙扑克外挂(微扑... 黑科技有挂!红龙扑克外挂(微扑克真的有挂)确实是有挂(有挂ai辅助)-哔哩哔哩;1、上手简单,内置详...
黑科技科技!德州之星辅助器怎么... 黑科技科技!德州之星辅助器怎么用(德州辅助神器软件)原来存在有挂(有挂智能ai)-哔哩哔哩;1、全新...
黑科技好友房!wepokeai... 黑科技好友房!wepokeai代打的胜率(aapoker辅助工具ai)总是真的有挂(有挂黑科技ai)...
黑科技插件!红龙扑克插件(微扑... 黑科技插件!红龙扑克插件(微扑克真的有挂)切实有挂(有挂透视)-哔哩哔哩;1、黑科技插件!红龙扑克插...