tp5结合workerman+gateway实现简单的IM

为何突然想到要实现IM，其实也是源于自己正在弄客服系统，所以想到用socket，而php里最为成熟并且多人使用的想必就是workerman了，而tp5也实现了结合workerman的包了点击打开链接

而我也是从这篇文章中借鉴修改的点击打开链接 可以看看这篇，写的很详细，我的引入是使用原生引入

composer require workerman/workerman
composer require workerman/gateway-worker

$gateway = new Gateway('websocket://0.0.0.0：8282');$gateway->name = 'WebIMGateway';$gateway->count = 4;$gateway->lanIp = '127.0.0.1';$gateway->startPort = 2900;

就是在这里，8282端口前面的这个冒号，由于我是在linux虚拟机里开发，没注意到

在例子上有些地方自己删了有些地方自己修改过，毕竟每个人对功能的需求不一样，例子中没有加入心跳检测，但是workerman的介绍中，说明了心跳检测的重要性，那么我们有必要加入，很简单的两行代码

//心跳数据$gateway->pingData = '{"type":"ping"}';//心跳间隔$gateway->pingInterval = 30;

前端页面就是很简单的实现socket功能，当然我的虚拟机设置了虚拟域名

<script>var ws = new WebSocket("ws://adifree.ctapp.com:8282");ws.onopen = function() {var login_data = '{"type":"init","id":"2","username":"测试大神","avatar":"/uploads/20170907/609063cd7a33ad6170d06640765b8c99.png","sign":"yybsafhajshf"}';ws.send(login_data);console.log(login_data);console.log('socket握手成功');}ws.onmessage = function(res){console.log(res.data);var data = eval("("+res.data+")");switch(data['message_type']){// 服务端ping客户端case 'ping':ws.send('{"type":"ping"}');break;// 登录 更新用户列表case 'init'://console.log(data['id']+"登录成功");break;// 检测聊天数据case 'chatMessage':var dd = new Date(data.data.timestamp);var date = formatDate(dd);var chat_msg = '-->'+date+":"+data.data.content+"\n";var old_msg = $('#chat-content').val();$('#chat-content').val(old_msg+chat_msg);$('input[name=msg]').val('');console.log(date);console.log(dd);console.log(data.data);break;// 离线消息推送case 'logMessage':setTimeout(function(){}, 1000);break;// 用户退出 更新用户列表case 'logout':break;}}//发送消息$('#sendMsg').on('click',function(){var content = $('input[name=msg]').val();var res = new Array();res['mine'] = {avatar:"/uploads/20170907/609063cd7a33ad6170d06640765b8c99.png",content:content,id:2,mine:true,username:"测试大神",};res['to'] = {avatar:"abc.png",name:"kefu1",id:1,sign:"测试测试测试",type:"friend",username:"kefu1",};var mine = JSON.stringify(res.mine);var to = JSON.stringify(res.to);var chat_data = '{"type":"chatMessage","data":{"mine":'+mine+', "to":'+to+'}}';console.log(chat_data);ws.send( chat_data );var dd = new Date();var date = formatDate(dd);var chat_msg = date+":"+content+"\n";var old_msg = $('#chat-content').val();$('#chat-content').val(old_msg+chat_msg);console.log('send msg');})function formatDate(now) {var year = now.getFullYear(),month = now.getMonth() + 1,date = now.getDate(),hour = now.getHours(),minute = now.getMinutes(),second = now.getSeconds();return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;}</script>

前端代码大概如此，那么接下来开启服务

/usr/bin/php /var/www/html/aaa/server.php start

由于是测试，所以用户数据我都是写死的，方便调试，后续按照自己的需求，加入登录功能，绑定client_id就可以实现简单的IM聊天了，贴上自己写的简单的页面功能截图

后期通过优化界面，完善功能，一个简单的客服系统就可以出来了