web-msg-sender vue-socket.io

客户端:https://www.npmjs.com/package/vue-socket.io
后端:web-msg-sender

前端代码
main.js

import VueSocketIO from 'vue-socket.io'

Vue.use(new VueSocketIO({
    debug: true,
    connection: 'http://demo.com:2120',  //
}))

模块内：

mounted(){
            this.$socket.emit('login', this.name);	//this.name 用户名

            //添加socket事件监听
            this.sockets.subscribe('new_msg', (data) => {
                console.log(data);	//收到消息
            });
            
        },

后端部分
web-msg-sender

Web消息实时推送，支持在线用户数实时统计。基于PHPSocket.IO开发，使用websocket推送数据，当浏览器不支持websocket时自动切换comet推送数据。

效果截图

线上demo

接收消息页面：http://www.workerman.net:2123/
后端推送接口url：http://www.workerman.net:2121/?type=publish&to=&content=msgcontent
to为接收消息的uid，如果不传递则向所有人推送消息
content 为消息内容

注：可以通过php或者其它语言的curl功能实现后台推送

下载安装

1、git clone https://github.com/walkor/web-msg-sender

2、composer install

后端服务启动停止

Linux系统

启动服务

php start.php start -d

停止服务

php start.php stop

服务状态

php start.php status

windows系统

双击start_for_win.bat

如果启动不成功请参考 Workerman手册 配置环境

<