thinkphp5整合phpsocketio過(guò)程親自踩的坑！

使用環(huán)境： thinkphp5.0

項(xiàng)目需求

前端下單，后臺(tái)接受，并立即做出提示。例如：美團(tuán)外賣，客戶端下單成功后，商家端就會(huì)立即有接單語(yǔ)音提示。

開發(fā)環(huán)境

• thinkphp5.0
• phpsocketio

(由于需要啟動(dòng)socket服務(wù)，所以需在能夠滿足shell的環(huán)境下使用)

socketio 優(yōu)勢(shì)

這里只是我的觀點(diǎn)，畢竟沒(méi)有怎么深入研究socketio，所以只是淺顯的一點(diǎn)總結(jié)：

• 減小服務(wù)器IO負(fù)載
• 長(zhǎng)連接比ajax輪詢靠譜
• 服務(wù)穩(wěn)定，支持動(dòng)態(tài)

初略的看了一下，內(nèi)存占用很小，而且只有1個(gè)進(jìn)程，根據(jù)官方報(bào)道來(lái)說(shuō)1個(gè)進(jìn)程也能容納1W人次的高并發(fā)，所以，對(duì)于我的項(xiàng)目來(lái)說(shuō)，已經(jīng)綽綽有余

官方文檔

https://github.com/walkor/php…

開始開發(fā)

安裝 phpsocketio

首先cd到thinkphp的項(xiàng)目根目錄。使用以下命令

composer require workerman/phpsocket.io

( 這里composer不做解釋，如果有什么問(wèn)題，度娘一下，應(yīng)該能夠解決 )

安裝好以后，vendor文件夾下面應(yīng)該就有一個(gè)workerman的文件夾，如果存在，就恭喜你，已經(jīng)安裝完畢了

服務(wù)入口文件

回到項(xiàng)目根目錄，新建socketio.php，開始編輯

#!/usr/bin/env php <?php define('APP_PATH', __DIR__ . '/application/'); define('BIND_MODULE','socketio/Server/index'); // 加載框架引導(dǎo)文件 require __DIR__ . '/thinkphp/start.php';

這里只要寫好就OK。后續(xù)的所有東西，可以忽略他的存在

創(chuàng)建服務(wù)控制器

上一步的socketio.php文件里面，模塊綁定到了'socketio/Server/index'，這里就需要我們手動(dòng)創(chuàng)建了。為了能理解，我用目錄展示

├─application           應(yīng)用目錄 │  ├─socketio           新創(chuàng)建目錄 │  │  ├─controller       │  │  │  ├─Server.php   啟動(dòng)文件

Server.php

入口文件只是綁定到了這個(gè)控制器，所以這個(gè)是整個(gè)socketio的核心。

<?php /*  * (c) U.E Dream Development Studio  *  * Author: 李益達(dá) - Ekey.Lee <ekey.lee@gmail.com>  *  * For the full copyright and license information, please view the LICENSE  * file that was distributed with this source code.  */ namespace appsocketiocontroller;  require_once VENDOR_PATH . "workerman/phpsocket.io/src/autoload.php";  use PHPSocketIOSocketIO; use WorkermanWorker;  class Server {      public function index()     {         $io = new SocketIO(8080);//socket的端口         $io->on('workerStart', function () use ($io) {             $inner_http_worker = new Worker('http://0.0.0.0:5880');//這里IP不用改變，用的內(nèi)網(wǎng)通訊，端口不能與socket端口想通             $inner_http_worker->onMessage = function ($http_connection, $data) use ($io) {                                  $io->emit('new_msg', '44444');//這里寫了固定數(shù)據(jù)，請(qǐng)根據(jù)自己項(xiàng)目需求去做調(diào)整，不懂這里的可以看看官方文檔，很清楚                 $http_connection->send('ok');             };             $inner_http_worker->listen();         });          // 當(dāng)有客戶端連接時(shí)         $io->on('connection', function ($socket) use ($io) {             // 定義chat message事件回調(diào)函數(shù)             $socket->on('chat message', function ($msg) use ($io) {                 // 觸發(fā)所有客戶端定義的chat message from server事件                 $io->emit('chat message from server', $msg);             });         });          Worker::runAll();     } }

創(chuàng)建API 觸發(fā)socketio

同樣你可以在socketio下面新建一個(gè)API控制器，這里僅供測(cè)試

 public function api()     {         // 推送的url地址，使用自己的服務(wù)器地址         $push_api_url = "http://0.0.0.0:5880";//這里同樣不需要更改IP。只是端口一定需要和server.php onworker的一樣         $post_data = array(            "type" => "publish",            "content" => "這個(gè)是推送的測(cè)試數(shù)據(jù)",         );         $ch = curl_init ();         curl_setopt ( $ch, CURLOPT_URL, $push_api_url );         curl_setopt ( $ch, CURLOPT_POST, 1 );         curl_setopt ( $ch, CURLOPT_HEADER, 0 );         curl_setopt ( $ch, CURLOPT_RETURNTRANSFER, 1 );         curl_setopt ( $ch, CURLOPT_POSTFIELDS, $post_data );         curl_setopt ($ch, CURLOPT_HTTPHEADER, array("Expect:"));         $return = curl_exec ( $ch );         curl_close ( $ch );         var_export($return);     }

現(xiàn)在有了server服務(wù)端，API觸發(fā)端，接下來(lái)就需要顯示出來(lái)了，就是我們的前端

前端

現(xiàn)在要寫的就是，商家端收到的提示。之前寫的server服務(wù)端提供phpsocketio監(jiān)控與socket服務(wù)，API提供事件觸發(fā)，也就是有人下單后的觸發(fā)，下單作為事件去觸發(fā)服務(wù)器socket，讓他回應(yīng)到前端

代碼開始前請(qǐng)注意：這里的端口和域名比較的繞

 <script src='//cdn.bootcss.com/socket.io/1.3.7/socket.io.js'></script>   <script>             // 連接服務(wù)端             var socket = io('http://xxxx.com:8080');//這里請(qǐng)?zhí)顚懩愕挠蛎?，外網(wǎng)，端口為socket端口           // 后端推送來(lái)消息時(shí)             socket.on('new_msg', function (msg) {//這里的new_msg請(qǐng)一定要注意，官方文檔都寫的是content，但是后端發(fā)送的自定義是new_msg，后端定義成new_msg，前端卻接受content的字段。所以是接受不了的                 swal({ title: "包廂點(diǎn)餐提醒", text: "哆啦a夢(mèng)包廂有新訂單" })                 //console.log("收到消息：" + msg);             });  </script>

以上有兩個(gè)我之前出問(wèn)題的地方

• 端口與域名：域名是外網(wǎng)的域名，當(dāng)然是需要和你的socket服務(wù)在同一個(gè)IP下面，即：你的socket部署在114.114.114.114的IP下面。這個(gè)域名就必須是在114.114.114.114的IP下面。端口則是后端服務(wù)里面new SocketIO的端口了。
• socket.on()文檔里面都是socket.on('content',function(msg){....})，但是可以看我們Server.php里面$io->emit('new_msg', '');這里自定義的事件明明叫做new_msg，但是卻被寫成了content，可能是本人眼拙，沒(méi)有看清楚，但是也提醒一下，這里確實(shí)要注意回調(diào)事件名

部署完畢開始運(yùn)行

現(xiàn)在所有的文件就算是部署好了，進(jìn)入服務(wù)器管理，打開shell。cd到項(xiàng)目根目錄。然后執(zhí)行

php socketio.php start

總結(jié)

這次只作為工作總結(jié)，因?yàn)闀r(shí)間緊迫我也沒(méi)有好好去研究socketio的