php swoole 使用教程

最新推荐文章于 2024-05-11 20:14:12 发布

Depthslowly

最新推荐文章于 2024-05-11 20:14:12 发布

阅读量729

点赞数

分类专栏：前端后台

本文链接：https://blog.csdn.net/Bepthslowly/article/details/89326592

版权

后台同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

前端

7 篇文章 0 订阅

订阅专栏

长链接可是个好东西，赶紧mark下来

第一步当然是要装php拓展啦，php也不是啥都能做到的，不行的时候就得请外援咧

pecl install swoole

duang～安装完了，在php.ini里面加上拓展，检查以下是不是已经成功安装，执行下面这个命令，或者看看phpinfo都可以

extension="swoole.so"

php -m

问题：

1、端口已经使用怎么办？？？这好说，直接杀掉端口呀

 lsof -i:10000//端口号

 kill -9 22914//pid进程号

ctrl+c//杀掉当前进程

第二步，直接怼代码：

服务器端：

<?php
//连接本地的 Redis 服务
$redis = new Redis();
$redis->connect('127.0.0.1', 6379);
$redis->set("fd", "[]"); //每次第一次执行都需要先清空reids里面的标识
$server = new \swoole_websocket_server("127.0.0.1", 10000);
$server->set([
    'daemonize' => true,//进程守护 可以后台运行
]);
$server->on('open', function (\swoole_websocket_server $server, $request) use($redis) {
    echo "访客{$request->fd}进来了\n";
    $server->push($request->fd, "{$request->fd}客户进来了");
    $str = json_decode($redis->get("fd"), true);
    if($str == "") $str = [];
    if(!in_array($request->fd, $str)){
        array_push($str, $request->fd);
        $str = json_encode($str);
        $redis->set("fd", $str);
        echo "目前在线访客：";
        print_r($redis->get("fd"));
    }
});
$server->on('message', function (\swoole_websocket_server $server, $frame) use($redis) {
    echo "系统消息说：{$frame->data}\n";
    $str = json_decode($redis->get("fd"), true);
    foreach ($str as $key => $value) {
        if($frame->fd != $value){
            $server->push($value, "系统消息说:".$frame->data);
        }
    }
});
$server->on('close', function ($ser, $fd) use($redis) {
    echo "client {$fd} closed\n";
    $str = json_decode($redis->get("fd"), true);
    $point = array_keys($str, $fd, true); //search key
    array_splice($str, $point['0'],1); //delete array
    $str = json_encode($str);
    $redis->set("fd", $str);
    echo "删除后在线访客：";
    print_r($redis->get("fd"));
});
$server->start();

web端admin：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>AUI</title>
    <link rel="stylesheet" type="text/css" href="aui.css"/>

</head>
<body>
<header class="aui-bar aui-bar-nav aui-title-fixed" id="aui-header">
    <a class="aui-btn aui-pull-left" href="index.html" tapmode >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title" id="aui-title">swoole websocket</div>
</header>
<section class="aui-chat main-margin-top">
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-form-list">
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label">
                        消息
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text" name="content" placeholder="请输入需要推送的信息">
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn">
                    <div class="aui-btn aui-btn-info aui-margin-r-5" id="fun_initWebSocket">连接</div>
                    <div class="aui-btn aui-btn-info aui-margin-r-5" id="push_button">推送</div>
                    <div class="aui-btn aui-btn-danger aui-margin-l-5" id="fun_close">断开</div>
                </div>
            </li>
        </ul>
    </div>
</section>

<section class="aui-chat main-margin-top">
    <div class="aui-content aui-margin-b-15">
        <ul class="aui-list aui-form-list">
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label">
                        打印
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn" >
                    <p id="prints"></p>
                </div>
            </li>
        </ul>
    </div>
</section>

</body>
<script>
    var socket = null;
    var prints = null;
    var push_content = null;
    window.onload = function () {
//验证浏览器是否支持WebSocket协议
        if (!window.WebSocket) {
            alert("WebSocket not supported by this browser!");
        }
        var push_button = document.getElementById("push_button");
        var fun_close = document.getElementById("fun_close");
        var fun_initWebSocket = document.getElementById("fun_initWebSocket");
        var push_content = document.getElementsByName("content");
        prints = document.getElementById("prints");
        push_button.onclick = function () {

            if(socket != null && socket.readyState==1){
                prints.innerHTML = '发送信息：'+push_content['0'].value;
                socket.send(push_content['0'].value);
            }else{
                prints.innerHTML ='握手失败，无法推送信息 ';
// console.log("");
            }

        }
        fun_close.onclick = function () {
            if(socket != null && socket.readyState==1){
                prints.innerHTML = '关闭当前连接';
//console.log("关闭当前连接");
                socket.close();
            }

        }
        fun_initWebSocket.onclick = function () {
            if(socket == null || socket.readyState!=1){
                socket = new WebSocket('ws://127.0.0.1:10000'); //监听端口
                prints.innerHTML = '握手成功';
                reconnect ();
            }

        }

    };

    function reconnect (){
        socket.onmessage = function (event) { // **接收到服务器数据**触发
// alert('Received data: ' + event.data); //这里应该返回发送成功的额标识
//console.log('Received data: ' + event.data);
            prints.innerHTML = event.data;
        };
        socket.onopen = function () { //监听是否连接服务器成功触发
// socket.send(push_content['0'].value); //重要!!客户端返回服务器
// console.log("握手成功");
//prints.append('握手成功 \n ');
            socket.send('hello world!!!');//向php服务器发送数据
        };

        socket.onclose = function () { //与服务器连接断开触发
//console.log('Lost connection!');
            prints.innerHTML = '当前连接已关闭!';
        };
        socket.onerror = function () { //与服务器连接出现错误触发
            prints.innerHTML = 'Error';
// console.log('Error!');
        };
    }
</script>
</html>

web端client：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>AUI</title>
    <link rel="stylesheet" type="text/css" href="aui.css"/>
</head>
<body>
<header class="aui-bar aui-bar-nav aui-title-fixed" id="aui-header">
    <a class="aui-btn aui-pull-left" href="index.html" tapmode >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title" id="aui-title">swoole websocket</div>
</header>
<section class="aui-content">
    <ul class="aui-list">
        <li class="aui-list-header">
            消息通知：
        </li>
        <li class="aui-list-item">
            <div class="aui-list-item-inner">
                <p id="push_content"></p>
            </div>
        </li>
    </ul>
</section>
</body>
<script>
    var socket = new WebSocket('ws://127.0.0.1:10000'); //监听端口
    socket.onopen = function () { //监听是否连接服务器成功触发
        console.log('Connected!');
//socket.send("这条信息会返回给服务器看"); //重要!!客户端返回服务器
    };
    socket.onmessage = function (event) { // **接收到服务器数据**触发
        console.log(event.data);
// alert('Received data: ' + event.data);
        document.getElementById("push_content").innerHTML = event.data;
// socket.close();
    };
    socket.onclose = function () { //与服务器连接断开触发
        console.log('Lost connection!');
    };
    socket.onerror = function () { //与服务器连接出现错误触发
        console.log('Error!');
    };
    // socket.send('hello, world!');

</script>
</html>

小程序端接接收：

var webSoket = wx.connectSocket({
		url: 'ws://127.0.0.1:10000',
		success: function(res) {
			console.log('WebSocket连接创建', res)
		},
		fail: function(err) {
			wx.showToast({
				title: '网络异常！',
			})
			console.log(err)
		},
	})
webSoket.onMessage(onMessage => {
	that.setData({
		motto: onMessage.data
	})
	console.log('监听WebSocket接受到服务器的消息事件。服务器返回的消息', onMessage.data)
})

小程序端发送：

sendSocket() {
	var webSoket = wx.connectSocket({
		url: 'wss://v2.mufengpaobu.com/websocket',
		success: function (res) {
			console.log('WebSocket连接创建', res)
		},
		fail: function (err) {
			console.log(err)
		},
	})
	webSoket.onOpen(function(){
		webSoket.send({
			data: '165',
			success: function (res) {
				console.log("发送成功！", res)
			},
			fail: function (err) {
				console.log("发送失败！", err)
			},
		})
	})
},

JS部分


/**
 * websocket
 * 长连接
 * 暂时没有用到
 * @type {null}
 */
var socket = null;
var prints = null;
function websocket () {
//验证浏览器是否支持WebSocket协议
    if (!window.WebSocket) {
        alert("您的浏览器不支持websocket!");
    }
};
//连接socket
window.onload = function () {
    if(socket == null || socket.readyState!=1){
        socket = new WebSocket('ws://127.0.0.1:9105'); //监听端口
        console.log('握手成功');
        reconnect ();
    }
};
//关闭socket
window.onbeforeunload = function(){
    if(socket != null && socket.readyState==1){
        console.log('关闭当前连接');
        socket.close();
    }
}
//发送，需要按钮绑定该方法
function send() {
    if(socket != null && socket.readyState==1){
        socket.send('ok');//给服务器发送ok指令，意思是给所有在线用户发送信息
    }else{
        console.log('握手失败，无法推送信息 ');
    }
}


function reconnect(){
    socket.onmessage = function (event) {
        console.log(event.data);
    };
    socket.onopen = function () {
        socket.send('hello world!!!');//向php服务器发送数据
    };

    socket.onclose = function () {
        console.log('当前连接已关闭!');
    };
    socket.onerror = function () {
        console.log('Error');
    };
}

Depthslowly

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
php swoole 使用教程

长链接可是个好东西，赶紧mark下来第一步当然是要装php拓展啦，php也不是啥都能做到的，不行的时候就得请外援咧pecl install swooleduang～安装完了，在php.ini里面加上拓展，检查以下是不是已经成功安装，执行下面这个命令，或者看看phpinfo都可以extension="swoole.so"php -m问题：1、端口已经使用怎么办？？？...
复制链接

扫一扫