顯而易見的是，桌面應用程序和網站之間的巨大差異給交流和溝通帶來了種種不便利，Layui實時通訊組件layim的出現解決了這個問題。layim是Layui專門為網站開發的實時通訊組件。它提供了即時聊天窗口，支持在線聊天，離線留言等。而配合PHP后臺搭建成為一款功能強大的在線客服系統，能夠為客戶提供快速、方便的服務，并且也適合搭建公司內部溝通工具，這里將帶大家了解如何整合在Layim中使用PHP后臺實現在線聊天室的技巧。 Layim使用ajax與后臺進行交互，Layim采用json數據格式進行數據交換。我們需要構建一個服務器，接收Layim傳遞過來的數據，實現即時聊天的功能。開發者可以使用Node.js等語言來實現Layim的后臺。這里將主要介紹如何使用PHP來構建后臺系統。 在使用Layim時最常用的功能就是在線聊天，接下來我們將介紹如何在Layim中使用PHP后臺實現即時聊天的功能。我們新建一個php文件`chat.php`，Layim中實時聊天的內容將通過這個文件在前臺和后臺進行數據交互。 ```php``` 我們在php文件中使用了一條header頭，指定數據格式為json，這是因為Layim與后端的數據交互采用的是json格式的數據。同時使用`require_once`引入數據庫操作類，進行數據庫連接和操作。 接下來我們來看Layim中的消息發送，客戶端通過socket方式對收到的消息進行處理和呈現。我們可以使用window.setInterval()以設定的時間間隔反復執行某個任務。 ```javascript //初始化WebSocket（使用MozWebSocket，如果WebSocket不存在則使用Socket.IO） var webSocket = window.WebSocket || window.MozWebSocket || io.connect(socketUrl); //接收消息 webSocket.onmessage = function (event) { var msgdata = $.parseJSON(event.data); if (msgdata.type == 'chatMessage') { layim.getMessage(msgdata.data); } }; // 發送消息 layim.on('sendMessage', function (data) { var mine = data.mine; var to = data.to; var msgdata = { 'username': mine.username, 'avatar': mine.avatar, 'id': mine.id, 'type': 'chatMessage', 'content': to.type === 'friend' ? mine.content : '我們成功的連接上了', 'toId': to.id, 'timestamp': new Date().getTime() }; webSocket.send(JSON.stringify(msgdata));//發送信息 }); ``` 上面的代碼我們使用了`setInterval() `函數，來執行某些任務（這里是發送信息）。同時當程序加載時，Layim初始化WebSocket,并接收返回的信息，再將信息交給Layim的消息盒子來處理。代碼可按照具體需求進行修改和補充。 最后一步，我們需要編寫接口，對Layim的請求進行響應，在config中設定的接口中先將用戶的登錄信息傳遞給服務器端，服務器端則返回一個JSON字符串，其中包含了該用戶的在線好友。 ```javascript //請求好友列表 layim.on('online', function (data) { $.ajax({ url: '../chat.php?type=GetLists', type: 'POST', dataType: 'json', success: function (res) { console.log(res.data); layim.setFriendStatus(res.data);//設置在線狀態 }, error: function () { console.log('請求好友失敗！'); } }); }); ``` PHP代碼： ```phpq('SELECT * FROM `user`'); foreach ($rows as $k =>$row) { if ($row['id'] == $my_id) { continue; } if ($row['online'] == 1) { $list[] = array( 'username' =>$row['name'], 'id' =>$row['id'], 'avatar' =>$row['avatar'] ); } } $redata = array('status' =>1, 'msg' =>'獲取成功', 'data' =>$list); $re = json_encode($redata); echo $re; break; ?>``` 以上是從數據庫中讀取在線用戶的代碼。 綜上所述，我們基于Layim和PHP實現了一個在線聊天的功能，這里只是介紹Layim的一小部分。無論是公司內部還是客服系統，Layim都是一個有前景的實時通信組件，我們可以根據自己的需求來編寫相應的代碼實現更多的功能。