PHP使用swoole实现多人在线聊天室

Swoole WebSocket 实战

最新推荐文章于 2025-10-13 23:10:58 发布

原创

最新推荐文章于 2025-10-13 23:10:58 发布 · 1.2k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#php #swoole #websocket

centos7，PHP7.3 ，swoole4.4，redis，扩展自行安装；

服务器买的腾讯云，配置了免费的证书

以下是前端代码，。。。非正吖八斤的前端，代码水平有限，

<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="./public/css/client.css">
<title>NetChat</title>
</head>
<body>
<div id="wrap">
    <!-- 个人信息 -->
	<div id="login">
	    <div id="login_user_img"></div>
		<div id="login_user"></div>
		<div style="width:100%;height:20px;color:#fff;position:relative;">
			<span id="qunliao">广场</span>
			<span class="red_cicle" id="red_0"></span>
		</div>
	</div>
     <!--用户列表 -->
	<div id="user_list">

	</div>

	<!--聊天框 -->
	<div id="content_box">
		<div id="ct_top">广场</div>
		<div id="content_0" class="content">
		</div>
		<div id="ct_file">
			<div id="emoji_box"></div>
			<span class="file_img" title="表情"></span>
			<span class="file_img" title="文件">
				<input type="file" name="sendFile" id="sendFile">
			</span>
			<span class="file_img" title="聊天记录"></span>
			<span class="file_img" title="截图"></span>
			<span class="file_img" title="视频"></span>
			<div id="msgnotice"></div>
		</div>
		<div contentEditable="true" id="input_box"></div>
		<!-- <textarea id="input_box"></textarea> -->
		<div id="sb_box">
			<input type="button" value="发送" id="sb">
		</div>
	</div>
</di