ThinkPHP5.1 使用 web-msg-sender 实现WEB消息推送实例讲解

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/u011415782/article/details/100727827

  • 背景 最近想在自己的后台模块设计实现消息推送的功能; 原本根据网友经验,找到了 【 workerMan】; 而在阅读学习中,发现 web-msg-sender 消息推送框架 更为适合; 所以,在此整理一下简单的使用方法,后期可自行拓展 …
- 环境
	框架:ThinkPHP5.1.2
	系统:CentOS7.2 、Windows10

安装/实现步骤

  • 其实,根据上文中提到的官方网站,根据提示信息即可安装 以我的实际操作为例,简单过程如下:
  1. 安装 workenManThinkPHP5.1 安装 workerman 指导
  2. 下载 web-msg-sender,并解压缩到任意目录 官方 【web-msg-sender下载地址】或者【百度网盘备份 提取码:mz20 】 以我的操作为例,解压后的源码放在目录 "/vendor"
  1. 消息发送方设计 前端的页面(http://fetowwx.com/)就简单设计页面效果如下:

然后,触发事件,调用 api 向用户推送,源码参考如下:


 public function index(Request $request)
{
         $msg = $request->param("msg","空");
        $msg = (isset($msg)&&$msg!="")?$msg:null;
        if (!$msg){
            return showMsg(0,"未填写信息");
        }
        // TODO 指明给谁推送,为空表示向所有在线用户推送
        $to_uid = "";
        // 推送的url地址,使用自己的服务器地址,此处使用的是虚拟域名
        $push_api_url = "http://fetowwx.com:2121/";
        $post_data = array(
            "type" => "publish",
            "content" => $msg,//json_encode($arrTest),
            "to" => $to_uid,
        );
        $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);
        if ($msg){
            return showMsg(1,"发送信息:'$msg'---".$return);
        }else{
            return showMsg(0,"未填写信息");
        }
}
  1. 消息接收页面设计 为保证功能(http://fetowwx.com/index/contact.html),简单设计如下即可

    <script src='https://cdn.bootcss.com/socket.io/2.0.3/socket.io.js'></script>
    <script src='//cdn.bootcss.com/jquery/1.11.3/jquery.js'></script>
    <div class="container">
        <fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;">
            <div>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-radius">我就是我,不一样的烟火!</button>
                <br> <br> <button type="button" class="layui-btn layui-btn-normal layui-btn-radius btn-login-uid">百搭按钮</button>
                <button type="button" class="layui-btn layui-btn-danger layui-btn-radius btn-msg-sender">HELLO</button>
                <button type="button" id="online_box" class="layui-btn layui-btn-primary layui-btn-radius">我就是我,不一样的烟火!</button>
            </div>
        </fieldset>
    
    </div>
    <script>
        $(document).ready(function () {
            console.log("start");
            // 使用时替换成真实的uid,这里方便演示使用时间戳
            var uid = Date.parse(new Date());
            // 连接服务端
            var socket = io('http://'+document.domain+':2120');
            // 连接后登录
            socket.on('connect', function(){
                socket.emit('login', uid);
                $(".btn-login-uid").html("用户ID:"+uid);
                console.log("connect");
            });
            // 后端推送来消息时
            socket.on('new_msg', function(msg){
                $('.btn-msg-sender').html('收到消息:'+msg);
                console.log("connect");
            });
            // 后端推送来在线数据时
            socket.on('update_online_count', function(online_stat){
                console.log('online_stat:'+online_stat);
                $('#online_box').html(online_stat);
            });
        });
    </script>
 
  1. 运行 linux系统 cd 到到框架目录里运行: php start.php start -d; windows 系统进入到框架目录里双击 "start_for_win.bat" 文件启动
  1. 测试效果 打开发送方页面、接收方页面,进行消息发送测试即可

附录

  • 注意事项
  1. 本地测试,建议配置网站的虚拟域名,对应更改后端 api 中的推送地址 $push_api_url 正确对应
  2. 如果是 Linux 系统 (若是无法访问请检查服务器防火墙,如果是云服务器还要设置安全组) 以我为例,需要防火墙开启如下端口:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏机器之心

用光点亮黑箱:微软开源可解释机器学习框架InterpretML

微软在可解释机器学习项目 InterpretML 的 GitHub 页面上这样写到。很显然,他们相信 InterpretML 会是打开机器学习黑箱的钥匙。

12730
来自专栏码匠的流水账

聊聊nacos NamingProxy的getServiceList

nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/naming/net/NamingProxy...

6200
来自专栏WeTest质量开放平台团队的专栏

AI实现测试人力的释放——腾讯WeTest参展谷歌开发者大会

? 导读 2019谷歌开发者大会(Google Developer Days)于9月10日正式在上海拉开帷幕。 90余名来自全球各地的大咖,带来了60余场精...

12050
来自专栏代码编写世界

WebGL简易教程(五):图形变换(模型、视图、投影变换)

通过之前的教程,对WebGL中可编程渲染管线的流程有了一定的认识。但是只有前面的知识还不足以绘制真正的三维场景,可以发现之前我们绘制的点、三角形的坐标都是[-1...

14220
来自专栏机器之心

可微分的「OpenCV」:这是基于PyTorch的可微计算机视觉库

如何打造一个可微分的 OpenCV?如何将图像处理嵌入到训练流程中?你需要 Kornia 这个开源可微的计算机视觉库。

9120
来自专栏机器之心

谷歌重磅发布TensorFlow 2.0正式版,高度集成Keras,大量性能改进

TensorFlow 2.0 安装指南:https://www.tensorflow.org/install

13830
来自专栏专注于主流技术和业务

swagger注解API详细说明

21120
来自专栏大学生计算机视觉学习DeepLearning

OpenGl 导入读取多个3D模型 并且添加鼠标控制移动旋转

  因为接下来的项目需求是要读取多个3D模型,并且移动拼接,那么我就先把基本的小demo给写好当做前期测试。

20730
来自专栏跟着阿笨一起玩NET

ASP.NET Core WebApi构建API接口服务实战演练

18130
来自专栏进击的全栈

React v16.8: The One With Hooks

Hook 可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性,你也可以自定义 Hook 来在组件之间共享可重用的状态逻辑。

6900

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励