Laravel 中使用 swoole 项目实战开发案例一 (建立 swoole 和前端通信)

1 开发需要环境

工欲善其事，必先利其器。在正式开发之前我们检查好需要安装的拓展，不要开发中发现这些问题，打断思路影响我们的开发效率。

安装 swoole 拓展包
安装 redis 拓展包
安装 laravel5.5 版本以上

如果你还不会用swoole就out了

2 Laravel 生成命令行

php artisan make:command SwooleDemo

class SwooleDemo extends Command

{

protected $signature = 'swoole:demo';

protected $description = '这是关于swoole的一个测试demo';

public function __construct()

{

    parent::__construct();

}

public function handle()

{

    $this->line("hello world");

}

}

我们分别运行 php artisan 指令和 php artisan swoole:demo 会看到关于这个命令的说明，和输出 hello world。(laravel 命令行用法详解)

3 命令行逻辑代码

编写一个最基础的 swoole 命令行逻辑代码

<?php

namespace App\Console\Commands;

use Illuminate\Console\Command;

use Illuminate\Support\Facades\Redis;

class SwooleDemo extends Command

{

    // 命令名称

    protected $signature = 'swoole:demo';

    // 命令说明

    protected $description = '这是关于swoole websocket的一个测试demo';

    // swoole websocket服务

    private static $server = null;

    public function __construct()

    {

        parent::__construct();

    }

    // 入口

    public function handle()

    {

        $this->redis = Redis::connection('websocket');

        $server = self::getWebSocketServer();

        $server->on('open',[$this,'onOpen']);

        $server->on('message', [$this, 'onMessage']);

        $server->on('close', [$this, 'onClose']);

        $server->on('request', [$this, 'onRequest']);

        $this->line("swoole服务启动成功 ...");

        $server->start();

    }

    // 获取服务

    public static function getWebSocketServer()

    {

        if (!(self::$server instanceof \swoole_websocket_server)) {

            self::setWebSocketServer();

        }

        return self::$server;

    }

    // 服务处始设置

    protected static  function setWebSocketServer():void

    {

        self::$server  = new \swoole_websocket_server("0.0.0.0", );

        self::$server->set([

            'worker_num' => ,

            'heartbeat_check_interval' => ,    // 60秒检测一次

            'heartbeat_idle_time' => ,        // 121秒没活动的

        ]);

    }

    // 打开swoole websocket服务回调代码

    public function onOpen($server, $request)

    {

        if ($this->checkAccess($server, $request)) {\

            self::$server->push($request->fd,"打开swoole服务成功！");\

        }

    }

    // 给swoole websocket 发送消息回调代码

    public function onMessage($server, $frame)

    {

    }

    // http请求swoole websocket 回调代码

    public function onRequest($request,$response)

    {

    }

    // websocket 关闭回调代码

    public function onClose($serv,$fd)

    {

        $this->line("客户端 {$fd} 关闭");

    }

    // 校验客户端连接的合法性,无效的连接不允许连接

    public function checkAccess($server, $request):bool

    {

        $bRes = true;

        if (!isset($request->get) || !isset($request->get['token'])) {

            self::$server->close($request->fd);

            $this->line("接口验证字段不全");

            $bRes = false;

        } else if ($request->get['token'] !== "") {

            $this->line("接口验证错误");

            $bRes = false;

        }

        return $bRes;

    }

    // 启动websocket服务

    public function start()

    {

        self::$server->start();

    }

}

编写 websoket js 代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>swoole测试</title>

    <meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

</head>

<body>

<h1>这是一个测试</h1>

</body>

<script>

    var ws;//websocket实例

    var lockReconnect = false;//避免重复连接

    var wsUrl = 'ws://{{$_SERVER["HTTP_HOST"]}}:9502?page=home&token=123456';

    function initEventHandle() {

        ws.onclose = function () {

            reconnect(wsUrl);

        };

        ws.onerror = function () {

            reconnect(wsUrl);

        };

        ws.onopen = function () {

            //心跳检测重置

            heartCheck.reset().start();

        };

        ws.onmessage = function (event) {

            //如果获取到消息，心跳检测重置

            //拿到任何消息都说明当前连接是正常的

            var data = JSON.parse(event.data);

            heartCheck.reset().start();

        }

    }

    createWebSocket(wsUrl);

    /**

     * 创建链接

     * @param url

     */

    function createWebSocket(url) {

        try {

            ws = new WebSocket(url);

            initEventHandle();

        } catch (e) {

            reconnect(url);

        }

    }

    function reconnect(url) {

        if(lockReconnect) return;

        lockReconnect = true;

        //没连接上会一直重连，设置延迟避免请求过多

        setTimeout(function () {

            createWebSocket(url);

            lockReconnect = false;

        }, );

    }

    //心跳检测

    var heartCheck = {

        timeout: ,//60秒

        timeoutObj: null,

        serverTimeoutObj: null,

        reset: function(){

            clearTimeout(this.timeoutObj);

            clearTimeout(this.serverTimeoutObj);

            return this;

        },

        start: function(){

            var self = this;

            this.timeoutObj = setTimeout(function(){

                //这里发送一个心跳，后端收到后，返回一个心跳消息，

                //onmessage拿到返回的心跳就说明连接正常

                ws.send("heartbeat");

                self.serverTimeoutObj = setTimeout(function(){//如果超过一定时间还没重置，说明后端主动断开了

                    ws.close();//如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次

                }, self.timeout);

            }, this.timeout);

        },

        header:function(url) {

            window.location.href=url

        }

    }

</script>

</html>

访问前端页面 (显示如下说明前后端链接成功)

以上内容希望帮助到大家，很多PHPer在进阶的时候总会遇到一些问题和瓶颈，业务代码写多了没有方向感，不知道该从那里入手去提升，对此我整理了一些资料，包括但不限于：分布式架构、高可扩展、高性能、高并发、服务器性能调优、TP6，laravel，YII2，Redis，Swoole、Swoft、Kafka、Mysql优化、shell脚本、Docker、微服务、Nginx等多个知识点高级进阶干货需要的可以免费分享给大家，需要的可以加入我的官方群点击此处。

Laravel 中使用 swoole 项目实战开发案例一 (建立 swoole 和前端通信)的更多相关文章

Laravel 中使用 swoole 项目实战开发案例二 (后端主动分场景给界面推送消息)
推荐阅读:Laravel 中使用 swoole 项目实战开发案例一 (建立 swoole 和前端通信) 需求分析我们假设有一个需求,我在后端点击按钮 1,首页弹出 “后端触发了按钮 1”.后端点了 ...
知识图谱实战开发案例剖析-番外篇（1）- Neo4j是否支持按照边权重加粗和大数量展示
一.前言本文是<知识图谱实战开发案例完全剖析>系列文章和网易云视频课程的番外篇,主要记录学员在知识图谱等相关内容的学习过程中,提出的共性问题进行展开讨论.该部分内容原始内容记录在网易云 ...
《Node+MongoDB+React 项目实战开发》已出版
前言从深圳回长沙已经快4个月了,除了把车开熟练了外,并没有什么值得一提的,长沙这边要么就是连续下一个月雨,要么就是连续一个月高温暴晒,上班更是没啥子意思,长沙这边的公司和深圳落差挺大的,薪资也是断崖 ...
laravel中的validate验证的使用案例：
第一个是设置,第二个是直接调用.
.net转php laraval框架学习系列（二）项目实战---Models
上一篇已经介绍开发环境的搭建,如果有问题可以在文章后留言. 这篇将从项目实战开发,一步一步了解laravel框架. 在开发mvc项目时,models都是第一步. 下面就从建模开始. 实体关系图由于不 ...
百度UEditor开发案例（JSP）
本案例的开发环境:MyEclipse+tomcat+jdk 本案例的开发内容: 用百度编辑器发布新闻(UEditor的初始化开发部署) 编辑已发过的新闻(UEditor的应用——编辑旧文章) ...
CSS3实战开发: 纯CSS实现图片过滤分类显示特效
原文:CSS3实战开发: 纯CSS实现图片过滤分类显示特效各位网友大家好,今天我要带领大家开发一个纯CSS的图片分类显示的网址导航,单纯看标题大家可能有些困惑,依照以往惯例,我先给大家演示一下实际运 ...
tp5博客项目实战1
tp5博客项目实战开发准备:环境wamp,windows系统为例.看实战博客,默认会搭建开发环境并且tp5框架已经至少有一定的基础. tp5的下载与安装方法一:直接在官网下载拷贝到wamp你的项目 ...
基于Linux下的C语言项目实战--本地账号管理系统
C语言开发项目实战: C语言是一门通用计算机编程语言,广泛应用于底层开发.C语言的设计目标是提供一种能以简易的方式编译.处理低级存储器.产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言.尽 ...

随机推荐

opacity层叠问题
使用了position属性值为 absolute.relative 的层,将会比普通层更高层次.使用了小于1的opacity属性的层,也比普通层更高层次并且和指定 position 的层同层,但是不支 ...
commix工具配合命令注入
commix简介 commix是一款由python编写,开源自动化检测系统命令注入工具 https://github.com/commixproject/commix commix 参数选项: - ...
聚类（一）——Kmeans
Clustering 聚类K-means 聚类是机器学习和数据挖掘领域的主要研究方向之一,它是一种无监督学习算法,小编研究生时期的主要研究方向是“数据流自适应聚类算法”,所以对聚类算法有比较深刻的理解 ...
远程传输命令scp
Linux scp 命令用于 Linux 之间复制文件和目录. scp 是 secure copy 的缩写, scp 是 linux 系统下基于 ssh 登陆进行安全的远程文件拷贝命令. scp 是加 ...
Linux基础指令--韩顺平老师课程笔记
一.vi和vim编辑器 ①.三种模式所有的 Linux 系统都会内建 vi 文本编辑器.vim 具有程序编辑的能力,可以看做是 vi 的增强版本,可以主动的以字体颜色辨别语法的正确性,方便程序设计. ...
安利一个绘制指引线的JS库leader-line
前言之前看到一篇推荐Magi这个搜索引擎的新闻,对于这个搜索引擎是否好用咱们不予置评,但是我在这个搜索引擎上面发现了一个好玩的前端功能. 如上图,将鼠标浮动到学习来源上时,会展示一堆指引线. 本博客 ...
pandas的使用（3）
pandas的使用(3)
Ubuntu 16.04源码编译boost库编写CMakeLists.txt | compile boost 1.66.0 from source on ubuntu 16.04
本文首发于个人博客https://kezunlin.me/post/d5d4a460/,欢迎阅读! compile boost 1.66.0 from source on ubuntu 16.04 G ...
convert svn repo to git
https://john.albin.net/git/convert-subversion-to-git 1. 抓取Log 在linux 上做的,其余是在win上做的. 2. svn co svn:/ ...
【前端知识体系-JS相关】10分钟搞定JavaScript正则表达式高频考点
1.正则表达式基础 1.1 创建正则表达式 1.1.1 使用一个正则表达式字面量 const regex = /^[a-zA-Z]+[0-9]*\W?_$/gi; 1.1.2 调用RegExp对象的构 ...