PHPSocket.IO是基于workerman開(kāi)發(fā)的php版本的socket.IO服務(wù)??捎糜诜?wù)器消息的推送、聊天室、客服系統(tǒng)的開(kāi)發(fā)
使用環(huán)境: thinkphp5.0
項(xiàng)目需求
前端下單,后臺(tái)接受,并立即做出提示。例如:美團(tuán)外賣(mài),客戶端下單成功后,商家端就會(huì)立即有接單語(yǔ)音提示。
開(kāi)發(fā)環(huán)境
(由于需要啟動(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輪詢(xún)靠譜
- 服務(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/phpsocket.io
開(kāi)始開(kāi)發(fā)
安裝 phpsocketio
首先cd到thinkphp的項(xiàng)目根目錄。使用以下命令
composer require workerman/phpsocket.io
( 這里composer不做解釋?zhuān)绻惺裁磫?wèn)題,度娘一下,應(yīng)該能夠解決 )
安裝好以后,vendor文件夾下面應(yīng)該就有一個(gè)workerman的文件夾,如果存在,就恭喜你,已經(jīng)安裝完畢了
服務(wù)入口文件
回到項(xiàng)目根目錄,新建server.php,開(kāi)始編輯
#!/usr/bin/env php
?php
define('APP_PATH', __DIR__ . '/application/');
define('BIND_MODULE','socketio/Server/index');
// 加載框架引導(dǎo)文件
require __DIR__ . '/thinkphp/start.php';
這里只要寫(xiě)好就OK。后續(xù)的所有東西,可以忽略他的存在
創(chuàng)建服務(wù)控制器
上一步的server.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 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不用改變,用的內(nèi)網(wǎng)通訊,端口不能與socket端口想通
$inner_http_worker->onMessage = function ($http_connection, $data) use ($io) {
$io->emit('new_msg', '44444');//這里寫(xiě)了固定數(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)在要寫(xiě)的就是,商家端收到的提示。之前寫(xiě)的server服務(wù)端提供phpsocketio監(jiān)控與socket服務(wù),API提供事件觸發(fā),也就是有人下單后的觸發(fā),下單作為事件去觸發(fā)服務(wù)器socket,讓他回應(yīng)到前端
代碼開(kāi)始前請(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í)顚?xiě)你的域名,外網(wǎng),端口為socket端口
// 后端推送來(lái)消息時(shí)
socket.on('new_msg', function (msg) {//這里的new_msg請(qǐng)一定要注意,官方文檔都寫(xiě)的是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,但是卻被寫(xiě)成了content,可能是本人眼拙,沒(méi)有看清楚,但是也提醒一下,這里確實(shí)要注意回調(diào)事件名
部署完畢開(kāi)始運(yùn)行
現(xiàn)在所有的文件就算是部署好了,進(jìn)入服務(wù)器管理,打開(kāi)shell。cd到項(xiàng)目根目錄。然后執(zhí)行php server.php start
php server.php start 啟動(dòng)
php server.php stop 停止
php server.php restart 重啟
php server.php status 當(dāng)前服務(wù)狀態(tài)
總結(jié)
這次只作為工作總結(jié),因?yàn)闀r(shí)間緊迫我也沒(méi)有好好去研究socketio的更多東西,可能有些地方有紕漏,但是我100%保證這是本人親自測(cè)試,所提到的坑點(diǎn),都是我一步一步踩過(guò)去的。如果有說(shuō)錯(cuò)的歡迎指教 ^_^
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:- Thinkphp5結(jié)合layer彈窗定制操作結(jié)果頁(yè)面
- PHP實(shí)現(xiàn)的簡(jiǎn)單留言板功能示例【基于thinkPHP框架】
- ThinkPHP5郵件發(fā)送服務(wù)封裝(可發(fā)附件)
- php封裝的數(shù)據(jù)庫(kù)函數(shù)與用法示例【參考thinkPHP】
- 封裝ThinkPHP的一個(gè)文件上傳方法實(shí)例
- thinkphp中連接oracle時(shí)封裝方法無(wú)法用的解決辦法
- thinkPHP框架中l(wèi)ayer.js的封裝與使用方法示例