WebSocket 搭建简单的swoole聊天服务

您所在的位置：网站首页 › 9502端口 › WebSocket 搭建简单的swoole聊天服务

WebSocket 搭建简单的swoole聊天服务

#WebSocket 搭建简单的swoole聊天服务| 来源: 网络整理| 查看: 265

准备工作、需要完成以下步骤

第一步、打开服务器，进入宝塔,点击文件，新建.php文件

这里我们要用到Swoole 文档，点击进入swoole文档页面，复制粘贴程序代码到我们刚刚服务器新建的.php文件内部，记得保存吆！

第二步、找个html网页进行前后端交互连接，这里我给大家提供一个我常用的，你们随意，想要好看的页面可以官网查询，或自己优化......

样式：

代码：

WebSocket测试 WebSocket Test

昵称：发送 var wsUri ="ws://43.139.110.32:9505/"; var output; function init() { output = document.getElementById("output"); testWebSocket(); } function testWebSocket() { websocket = new WebSocket(wsUri); websocket.onopen = function(evt) { onOpen(evt) }; websocket.onclose = function(evt) { onClose(evt) }; websocket.onmessage = function(evt) { onMessage(evt) }; websocket.onerror = function(evt) { onError(evt) }; } function get_speak_msg(){ var name=document.getElementById("name").value; var speak=document.getElementById("content").value; var json_msg='{"name":"'+name+'","speak":\"'+speak+'"}'; return json_msg; } function pack_msg(type,msg){ return '{"type":"'+type+'","msg":'+msg+'}'; } function onOpen(evt) { append_speak("已经联通服务器........."); speak_msg=get_speak_msg(); send_msg=pack_msg("login",speak_msg); doSend(send_msg); } function onClose(evt) { append_speak("俺老孙去也！"); } function onMessage(evt) { append_speak(evt.data); } function onError(evt) { alert(evt.data); } function doSend(message) { websocket.send(message); } function append_speak(new_msg){ document.getElementById("message").value=document.getElementById("message").value+new_msg+"\n"; document.getElementById('message').scrollTop = document.getElementById('message').scrollHeight; } function speak_to_all(){ send_msg=pack_msg("speak",get_speak_msg()); if(document.getElementById("content").value==""){ return; } doSend(send_msg); document.getElementById("content").value=""; } init();

到这里准备工作已完毕！，开始实现我们的效果了。

首先打开控制面板，切换到我们刚刚新建.php文件的www/wwwroot下面ls查看我们刚才已经复制好swoole代码的文件是否存在（不存在说明你放错目录了）