thinkphp 5.0整合phpsocketio完整攻略,绕坑

使用环境: thinkphp5.0

项目需求

前端下单,后台接受,并立即做出提示。例如:美团外卖,客户端下单成功后,商家端就会立即有接单语音提示。

开发环境

  • thinkphp5.0
  • phpsocketio

(由于需要启动socket服务,所以需在能够满足shell的环境下使用)

socketio 优势

这里只是我的观点,毕竟没有怎么深入研究socketio,所以只是浅显的一点总结:

  • 减小服务器IO负载
  • 长连接比ajax轮询靠谱
  • 服务稳定,支持动态

初略的看了一下,内存占用很小,而且只有1个进程,根据官方报道来说1个进程也能容纳1W人次的高并发,所以,对于我的项目来说,已经绰绰有余

官方文档

https://github.com/walkor/php...

开始开发

安装 phpsocketio

首先cd到thinkphp的项目根目录。使用以下命令


composer require workerman/phpsocket.io

( 这里composer不做解释,如果有什么问题,度娘一下,应该能够解决 )

安装好以后,vendor文件夹下面应该就有一个workerman的文件夹,如果存在,就恭喜你,已经安装完毕了

服务入口文件

回到项目根目录,新建socketio.php,开始编辑


#!/usr/bin/env php
<?php
define('APP_PATH', __DIR__ . '/application/');
define('BIND_MODULE','socketio/Server/index');
// 加载框架引导文件
require __DIR__ . '/thinkphp/start.php';

这里只要写好就OK。后续的所有东西,可以忽略他的存在

创建服务控制器

上一步的socketio.php文件里面,模块绑定到了‘socketio/Server/index‘,这里就需要我们手动创建了。为了能理解,我用目录展示


├─application           应用目录
│  ├─socketio           新创建目录
│  │  ├─controller
│  │  │  ├─Server.php   启动文件

Server.php

入口文件只是绑定到了这个控制器,所以这个是整个socketio的核心。


<?php
/*
 * (c) U.E Dream Development Studio
 *
 * Author: 李益达 - Ekey.Lee <[email protected]>
 *
 * 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();
    }
}

创建API 触发socketio

同样你可以在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>

以上有两个我之前出问题的地方

  • 端口与域名:域名是外网的域名,当然是需要和你的socket服务在同一个IP下面,即:你的socket部署在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,可能是本人眼拙,没有看清楚,但是也提醒一下,这里确实要注意回调事件名

部署完毕开始运行

现在所有的文件就算是部署好了,进入服务器管理,打开shellcd到项目根目录。然后执行


php socketio.php start
php socketio.php start 启动
php socketio.php stop 停止
php socketio.php restart 重启
php socketio.php status 当前服务状态

总结

这次只作为工作总结,因为时间紧迫我也没有好好去研究socketio的更多东西,可能有些地方有纰漏,但是我100%保证这是本人亲自测试,所提到的坑点,都是我一步一步踩过去的。如果有说错的欢迎指教 ^_^

原文地址:https://segmentfault.com/a/1190000016656708

原文地址:https://www.cnblogs.com/lalalagq/p/9964824.html

时间: 2024-10-21 15:34:18

thinkphp 5.0整合phpsocketio完整攻略,绕坑的相关文章

android开发新浪微博客户端 完整攻略 [新手必读]

开始接触学习android已经有3个礼拜了,一直都是对着android的sdk文档写Tutorials从Hello World到Notepad Tutorial算是初步入门了吧,刚好最近对微博感兴趣就打算开发个android版本的新浪微博客户端作为练手项目,并且以随笔的方式详细的记录开发的全过程.本人对java语言以及eclipse Ide都是初次应用基本上属于边学边用,做移动设备上的东西也是第一次,总的来说属于无基础.无经验.无天赋的纯三无人员,还请广大同学们多多给予指点. 开发第一件事情,那

最新亚马逊 Coupons 功能设置教程完整攻略!

最新亚马逊 Coupons 功能设置教程完整攻略! http://m.cifnews.com/app/postsinfo/18479 亚马逊总是有新的创意,新的功能.最近讨论很火的,就是这个 Coupons 的新功能,位于 Advertising 下面新增了 Coupons,如下图. 最新的查找亚马逊差评的方式,就看这篇! 亚马逊查找差评 ,最新再破解干货! 但是群里很多伙伴说自己的账号没看到 Coupons,小编都懂.因为小编的账号也没有(哭). 但是我们找到了新的路径,可以连接到 Coupo

【转】ArcGIS10.0完全卸载全攻略

ArcGIS10.0完全卸载详细步骤: 1.开始>控制面板>添加删除程序,卸载所有ArcGIS软件和帮助文档,以及所有ArcGIS补丁.2.从添加删除程序面板中删除所有Python相关的应用程序.3.进入到如下目录:C:\Users\UserName\AppData\Roaming ,删除ESRI文件夹.4.开始>运行,输入regedit并按回车键,打开注册表编辑器.  a.删除HKEY_CURRENT_USER > Software下的ESRI文件夹.  b.删除HKEY_LOC

Linux下Hadoop 2.2.0 集群配置攻略

Hadoop 2.2.0 集群配置攻略 用户输入标识: chmod +x jdk-7u45-linux-x64.rpm  为黑色带底纹 系统输出标识: java version "1.7.0_51" 为绿色小字 2014年3月20-日 by lilihao Q 404536204 1. 安装sun jdk (1). 到Oracle的官方网站下载jdk,目前最新版本是7u51 安装包: http://www.oracle.com/technetwork/java/javase/downl

ArcGIS Server 10.0 安装及使用完整攻略

引言 ArcGIS Server 10.0在使用和安装的过程中,需要进行比较全面的学习,才能正确使用.缺乏正确的指引,用户很容易在安装及使用中遇到问题.所以笔者在此总结Server 10.0的安装及使用中需要参考的资源.提供适当的教程,并对可能出现的问题进行解释,可供一些可行的解决方案.有兴趣做好Server 10.0工作的笔者,请耐心阅读本文.笔者花了近一个星期的时间研究ArcGIS Server 10.0的使用,希望对后来者能有所帮助. 安装 Server 10.0的安装前,建议在本机安装一

Android Studio 1.0 (稳定版) 完全攻略

Android Studio 安装与使用 Android 1.0发布介绍: 2014年12月8日,Google正式发布了面向Android开发者的集成开发环境 Android Studio 1.0(稳定版). 从2013年5月到2014年12月,近一年零7个月,终于盼到了1.0稳定版的发布. 想必广大Android开发者们也和小编一样有种望眼欲穿,守得云开见月明的感觉吧. 小编经过一段时间的使用,已经深深爱上了这款出众的IDE.作为长期使用Eclipse+Genymotion(不得不用Genym

千位分隔符的完整攻略

千位分隔符[1]是很常见的需求,但是输入文本千变万化,如何才能准确添加千分符呢? 纯整数情况 纯整数大概是所有情况里最简单的一种,我们只要正确匹配出千分位就好了. 观察上面的数字,我们可以得出千分位的特征是到字符串终止位有 3n 个数字,不包括起始位.于是可以得到这样的函数: let milliFormat = (num) => { return num && num.toString().replace(/(?=(?!^)(\d{3})+$)/g, ',') } 但是往往现实没有那

CSS居中实现完整攻略

水平居中: 1) 行内元素解决方案 只需要把行内元素包裹在一个属性display为block的父层元素中,并且把父层元素添加如下属性即可:text-align: center 适用元素:文字,链接,及其其它inline或者inline-*类型元素(inline-block,inline-table,inline-flex) 2)块状元素解决方案 对于块状元素(display:block)来说,我们需要将它的左右外边距(即,margin-left,margin-right)设置为auto,即可实现

程序员接私活完整攻略

程序员是这几年最热门的职业,即便是很多外行人分不清前端.后端.工程师.架构师,除了格子衬衫头发少加班多,大家都还有一个共同的认知:那些对着电脑噼里啪啦敲着看不懂代码的人,工资都很高. 很多人羡慕程序员除了羡慕有一个不错的收入外,还觉得程序员的技术也是一技傍身,在科技是第一生产力的今天,编程的技能能让他们走到哪都不怕.羡慕的人多,想转行的也不少,但很多人在学习一段编程的时间之后,就会厌倦,感觉编程太难,自己不适合编程,最后不了了之,还是回到羡慕别人拿高工资,自己只能幻想能不能突然变身一名技术高超的