锐客网

  1. 首页 > 睿知 > it技术 > >

php主动发送数据给前端 php向前端发送数据的方法

IT技术数据

如何用php程序主动向html页面发送信息？你说的应该是服务端主动向客户端推送消息，这个只能使用Socket建立长连接来实现 。
客户端实现比较简单，大多数浏览器提供的应该都有接口，几个方法就可以建立一个连接，然后进行消息监听就可以了，服务端实现稍微复杂点，不过你根本不用自己写那些底层代码，php平台上有一个库叫 "Workerman", 里面所有功能已经帮你实现好了， 你看看文档就能直接调用了 ，  很简单的 。
如何在php后端及时推送消息给客户端后端代码
push.php
?php
use Workerman\Worker;
require_once './Workerman/Autoloader.php';
// 初始化一个worker容器，监听1234端口
$worker = new Worker('websocket://0.0.0.0:1234');
// 这里进程数必须设置为1
$worker-count = 1;
// worker进程启动后建立一个内部通讯端口
$worker-onWorkerStart = function($worker)
{
// 开启一个内部端口，方便内部系统推送数据，Text协议格式 文本+换行符
$inner_text_worker = new Worker('Text://0.0.0.0:5678');
$inner_text_worker-onMessage = function($connection, $buffer)
{
global $worker;
// $data数组格式，里面有uid，表示向那个uid的页面推送数据
$data = https://www.04ip.com/post/json_decode($buffer, true);
$uid = $data['uid'];
// 通过workerman，向uid的页面推送数据
$ret = sendMessageByUid($uid, $buffer);
// 返回推送结果
$connection-send($ret ? 'ok' : 'fail');
};
$inner_text_worker-listen();
};
// 新增加一个属性 ， 用来保存uid到connection的映射
$worker-uidConnections = array();
// 当有客户端发来消息时执行的回调函数
$worker-onMessage = function($connection, $data)use($worker)
{
// 判断当前客户端是否已经验证,既是否设置了uid
if(!isset($connection-uid))
{
// 没验证的话把第一个包当做uid（这里为了方便演示，没做真正的验证）
$connection-uid = $data;
/* 保存uid到connection的映射，这样可以方便的通过uid查找connection，
* 实现针对特定uid推送数据
*/
$worker-uidConnections[$connection-uid] = $connection;
return;
}
};
// 当有客户端连接断开时
$worker-onClose = function($connection)use($worker)
{
global $worker;
if(isset($connection-uid))
{
// 连接断开时删除映射
unset($worker-uidConnections[$connection-uid]);
}
};
// 向所有验证的用户推送数据
function broadcast($message)
{
global $worker;
foreach($worker-uidConnections as $connection)
{
$connection-send($message);
}
}
// 针对uid推送数据
function sendMessageByUid($uid, $message)
{
global $worker;
if(isset($worker-uidConnections[$uid]))
{
$connection = $worker-uidConnections[$uid];
$connection-send($message);
return true;
}
return false;
}
// 运行所有的worker（其实当前只定义了一个）
Worker::runAll();
启动后端服务
php push.php start -d
前端接收推送的js代码
var ws = new WebSocket('ws://127.0.0.1:1234');
ws.onopen = function(){
var uid = 'uid1';
ws.send(uid);
};
ws.onmessage = function(e){
alert(e.data);
};
后端推送消息的代码
// 建立socket连接到内部推送端口
$client = stream_socket_client('tcp://127.0.0.1:5678', $errno, $errmsg, 1,STREAM_CLIENT_CONNECT|STREAM_CLIENT_PERSISTENT);
// 推送的数据，包含uid字段，表示是给这个uid推送
$data = https://www.04ip.com/post/array('uid'='uid1', 'percent'='88%');
// 发送数据，注意5678端口是Text协议的端口，Text协议需要在数据末尾加上换行符

推荐阅读


上一篇：如何让水果店快速推广门店，水果店如何推广引流

下一篇：第三人称射击游戏开山鼻祖，第三人称射击的游戏