使用環境: thinkphp5.0 php
前端下單,後臺接受,並當即作出提示。例如:美團外賣,客戶端下單成功後,商家端就會當即有接單語音提示。css
(因爲須要啓動socket服務,因此需在可以知足shell的環境下使用)前端
這裏只是個人觀點,畢竟沒有怎麼深刻研究socketio,因此只是淺顯的一點總結:git
ajax
輪詢靠譜初略的看了一下,內存佔用很小,並且只有1個進程,根據官方報道來講1個進程也能容納1W人次的高併發,因此,對於個人項目來講,已經綽綽有餘github
https://github.com/walkor/php...
首先cd到thinkphp的項目根目錄。使用如下命令ajax
composer require workerman/phpsocket.io
( 這裏composer不作解釋,若是有什麼問題,度娘一下,應該可以解決 )thinkphp
安裝好之後,vendor
文件夾下面應該就有一個workerman的文件夾,若是存在,就恭喜你,已經安裝完畢了shell
回到項目根目錄,新建socketio.php
,開始編輯後端
#!/usr/bin/env php <?php define('APP_PATH', __DIR__ . '/application/'); define('BIND_MODULE','socketio/Server/index'); // 加載框架引導文件 require __DIR__ . '/thinkphp/start.php';
這裏只要寫好就OK。後續的全部東西,能夠忽略他的存在api
上一步的socketio.php
文件裏面,模塊綁定到了'socketio/Server/index'
,這裏就須要咱們手動建立了。爲了能理解,我用目錄展現
├─application 應用目錄 │ ├─socketio 新建立目錄 │ │ ├─controller │ │ │ ├─Server.php 啓動文件
入口文件只是綁定到了這個控制器,因此這個是整個socketio的核心。
<?php /* * (c) U.E Dream Development Studio * * Author: 李益達 - 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 app\socketio\controller; require_once VENDOR_PATH . "workerman/phpsocket.io/src/autoload.php"; use PHPSocketIO\SocketIO; use Workerman\Worker; 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不用改變,用的內網通信,端口不能與socket端口想通 $inner_http_worker->onMessage = function ($http_connection, $data) use ($io) { $io->emit('new_msg', '44444');//這裏寫了固定數據,請根據本身項目需求去作調整,不懂這裏的能夠看看官方文檔,很清楚 $http_connection->send('ok'); }; $inner_http_worker->listen(); }); // 當有客戶端鏈接時 $io->on('connection', function ($socket) use ($io) { // 定義chat message事件回調函數 $socket->on('chat message', function ($msg) use ($io) { // 觸發全部客戶端定義的chat message from server事件 $io->emit('chat message from server', $msg); }); }); Worker::runAll(); } }
一樣你能夠在socketio下面新建一個API控制器,這裏僅供測試
public function api() { // 推送的url地址,使用本身的服務器地址 $push_api_url = "http://0.0.0.0:5880";//這裏一樣不須要更改IP。只是端口必定須要和server.php onworker的同樣 $post_data = array( "type" => "publish", "content" => "這個是推送的測試數據", ); $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); }
如今有了server
服務端,API
觸發端,接下來就須要顯示出來了,就是咱們的前端
如今要寫的就是,商家端收到的提示。以前寫的server
服務端提供phpsocketio監控與socket服務,API
提供事件觸發,也就是有人下單後的觸發,下單做爲事件去觸發服務器socket,讓他迴應到前端
代碼開始前請注意:這裏的端口和域名比較的繞
<script src='//cdn.bootcss.com/socket.io/1.3.7/socket.io.js'></script> <script> // 鏈接服務端 var socket = io('http://xxxx.com:8080');//這裏請填寫你的域名,外網,端口爲socket端口 // 後端推送來消息時 socket.on('new_msg', function (msg) {//這裏的new_msg請必定要注意,官方文檔都寫的是content,可是後端發送的自定義是new_msg,後端定義成new_msg,前端卻接受content的字段。因此是接受不了的 swal({ title: "包廂點餐提醒", text: "哆啦a夢包廂有新訂單" }) //console.log("收到消息:" + msg); }); </script>
以上有兩個我以前出問題的地方
114.114.114.114
的IP下面。這個域名就必須是在114.114.114.114
的IP下面。端口則是後端服務裏面new SocketIO
的端口了。socket.on()
文檔裏面都是socket.on('content',function(msg){....})
,可是能夠看咱們Server.php裏面$io->emit('new_msg', '');
這裏自定義的事件明明叫作new_msg
,可是卻被寫成了content
,多是本人眼拙,沒有看清楚,可是也提醒一下,這裏確實要注意回調事件名如今全部的文件就算是部署好了,進入服務器管理,打開shell
。cd
到項目根目錄。而後執行
php socketio.php start
php socketio.php start 啓動 |
---|
php socketio.php stop 中止 |
---|
php socketio.php restart 重啓 |
---|
php socketio.php status 當前服務狀態 |
---|
此次只做爲工做總結,由於時間緊迫我也沒有好好去研究socketio的更多東西,可能有些地方有紕漏,可是我100%保證這是本人親自測試,所提到的坑點,都是我一步一步踩過去的。若是有說錯的歡迎指教 ^_^