81,092
社区成员
发帖
与我相关
我的任务
分享服务器向浏览器实时消息推送
各位好，我现在有一个消息推送的问题。
场景：
当有 用户在app上发送一个消息，消息请求到达app后台服务器，这个时候 需要将消息发送到后台管理系统（web）的部分用户（多个），要求实时的（精确到秒级）。
环境：后台是spring boot+mybatis beb前台是使用ng-js前后台分离的系统。
项目已使用 rabit mq。
请问各位 怎么实现 越详细越好
场景：
当有 用户在app上发送一个消息，消息请求到达app后台服务器，这个时候 需要将消息发送到后台管理系统（web）的部分用户（多个），要求实时的（精确到秒级）。
环境：后台是spring boot+mybatis beb前台是使用ng-js前后台分离的系统。
项目已使用 rabit mq。
请问各位 怎么实现 越详细越好
...全文
请发表友善的回复…
发表回复
迷途小羔羊678 2017-12-21
- 打赏
- 举报
你这是后台发来消息 的处理，问题是后台什么时候会发？我看过的都是，一个客户端发送消息到后台，然后后台在把这些消息发给别的客户端，并不能在没有任何客户端发起的时候，主动往客户端发消息。
柠檬拌饭 2017-12-21
- 打赏
- 举报
msg就是后台推送过来的信息体
柠檬拌饭 2017-12-21
- 打赏
- 举报
socket.onmessage = function(msg) {
// 收到消息回调
message(msg);
};
比如这样
柠檬拌饭 2017-12-21
- 打赏
- 举报
现在是这么用的，想优化[/quote]
优化其实很简单,有消息的时候修改状态(可以数据库保存,也可以redis之类的缓存,这样压力不会集中到消息表),前端发现有消息之后再尝试拉取消息,也不需要对代码进行大规模修改[/quote]那问题是 前端怎么发现有消息。。。。。。问题点就在这啊，要后台告诉前端有消息呀[/quote]
...websocket有个socket.onmessage 事件，当后台有信息推送这个方法可以接受并且处理的。[/quote]
这个是被动触发的呀，一旦后台有信息推送到前端，就会触发这个事件，然后你在这个事件中添加你前台的处理方法就可。
现在是这么用的，想优化[/quote]
优化其实很简单,有消息的时候修改状态(可以数据库保存,也可以redis之类的缓存,这样压力不会集中到消息表),前端发现有消息之后再尝试拉取消息,也不需要对代码进行大规模修改[/quote]那问题是 前端怎么发现有消息。。。。。。问题点就在这啊，要后台告诉前端有消息呀[/quote]
...websocket有个socket.onmessage 事件，当后台有信息推送这个方法可以接受并且处理的。[/quote]我看过一些例子，这个方法是带了注解的，可以主动调用？有样例
迷途小羔羊678 2017-12-21
- 打赏
- 举报
现在是这么用的，想优化[/quote]
优化其实很简单,有消息的时候修改状态(可以数据库保存,也可以redis之类的缓存,这样压力不会集中到消息表),前端发现有消息之后再尝试拉取消息,也不需要对代码进行大规模修改[/quote]那问题是 前端怎么发现有消息。。。。。。问题点就在这啊，要后台告诉前端有消息呀[/quote]
...websocket有个socket.onmessage 事件，当后台有信息推送这个方法可以接受并且处理的。[/quote]
现在是这么用的，想优化[/quote]
优化其实很简单,有消息的时候修改状态(可以数据库保存,也可以redis之类的缓存,这样压力不会集中到消息表),前端发现有消息之后再尝试拉取消息,也不需要对代码进行大规模修改[/quote]那问题是 前端怎么发现有消息。。。。。。问题点就在这啊，要后台告诉前端有消息呀[/quote]
...websocket有个socket.onmessage 事件，当后台有信息推送这个方法可以接受并且处理的。[/quote]我看过一些例子，这个方法是带了注解的，可以主动调用？有样例吗，谢谢
柠檬拌饭 2017-12-21
- 打赏
- 举报
现在是这么用的，想优化[/quote]
优化其实很简单,有消息的时候修改状态(可以数据库保存,也可以redis之类的缓存,这样压力不会集中到消息表),前端发现有消息之后再尝试拉取消息,也不需要对代码进行大规模修改[/quote]那问题是 前端怎么发现有消息。。。。。。问题点就在这啊，要后台告诉前端有消息呀[/quote]
...websocket有个socket.onmessage 事件，当后台有信息推送这个方法可以接受并且处理的。
迷途小羔羊678 2017-12-21
- 打赏
- 举报
我了解下
迷途小羔羊678 2017-12-21
- 打赏
- 举报
好的
迷途小羔羊678 2017-12-21
- 打赏
- 举报
现在是这么用的，想优化[/quote]
优化其实很简单,有消息的时候修改状态(可以数据库保存,也可以redis之类的缓存,这样压力不会集中到消息表),前端发现有消息之后再尝试拉取消息,也不需要对代码进行大规模修改[/quote]那问题是 前端怎么发现有消息。。。。。。问题点就在这啊，要后台告诉前端有消息呀
柠檬拌饭 2017-12-21
- 打赏
- 举报
可以使用 atomsphere+websocket，实现前后台互推，这个框架比较小众，你可以了解下。
maradona1984 2017-12-21
- 打赏
- 举报
现在是这么用的，想优化[/quote]
优化其实很简单,有消息的时候修改状态(可以数据库保存,也可以redis之类的缓存,这样压力不会集中到消息表),前端发现有消息之后再尝试拉取消息,也不需要对代码进行大规模修改
RockeyCui 2017-12-21
- 打赏
- 举报
socket.io.js
迷途小羔羊678 2017-12-20
- 打赏
- 举报
现在是这么用的，想优化
yannsPeng 2017-12-19
- 打赏
- 举报
/**
* 定时发送
*/
this.timedExecution = function()
{
setInterval(function(){
websocketInit();
},10000);
}
/**
* websocket初始化
*/
function websocketInit()
{
var ws = new WebSocket('ws: //localhost:8888/websocket');
ws.onopen = function()
{
var geekHomeUser = $.parseJSON($.cookie('geek_home_user'));
ws.send(geekHomeUser.userName);
};
ws.onmessage = function(evt)
{
var geekHomeUser = $.parseJSON($.cookie('geek_home_user'));
geekHomeUser.signUpState = evt.data;
$.cookie('geek_home_user',JSON.stringify(geekHomeUser), {expires: 7});
if(evt.data == 0){
// console.log($.parseJSON($.cookie('geek_home_user')));
$("#m_Iframe").contents().find("#signOrNot").text("签到");
}
};
ws.onclose = function(evt)
{
console.log("WebSocketClosed!");
};
ws.onerror = function(evt)
{
console.log("WebSocketError!");
};
}package com.geekhome.config;
import java.io.IOException;
import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.Session;
import javax.websocket.server.ServerEndpoint;
import org.springframework.stereotype.Component;
import com.geekhome.common.utils.SpringContextUtils;
import com.geekhome.entity.Integral;
import com.geekhome.entity.service.IntegralService;
@Component
@ServerEndpoint(value = "/websocket")
public class WebSocket
{
@OnOpen
public void onOpen(){
System.out.println("连接已完成");
}
@OnMessage
public void say(String message, Session session){
try {
IntegralService integralService = (IntegralService)SpringContextUtils.getBeanByClass(IntegralService.class);
Integral integral = integralService.findIntegralByUserName(message);
session.getBasicRemote().sendText(String.valueOf(integral.getState()));
} catch (IOException e) {
e.printStackTrace();
}
}
@OnError
public void onError(Throwable t){//参数必须加上，不然不能启动
System.out.println("error");
}
@OnClose
public void onClose(){
System.out.println("close");
}
}
shayebuhui0 2017-12-19
- 打赏
- 举报
应该是用websocket .最近正在做
迷途小羔羊678 2017-12-19
- 打赏
- 举报
判断有新数据，肯定是轮询咯。轮询有时间间隔，现在是在优化，希望实时，其次是性能[/quote]
轮询对服务器压力太大了[/quote]
一天几百个请求的系统,能有多大用户量,轮询无所谓了,人家web微信都是轮询的[/quote]我们这个功能是请求不多，不过很重要，但是web要实时感知，轮询终归不好，整个系统还是不小的
迷途小羔羊678 2017-12-19
- 打赏
- 举报
webSocket怎么实现后台感知主动推送啊？我可以用mq监听感知，需要主动推送到页面
yeyuanzhi2016 2017-12-19
- 打赏
- 举报
路过，学习！！！
yannsPeng 2017-12-19
- 打赏
- 举报
webSocket完美解决。
maradona1984 2017-12-19
- 打赏
- 举报
判断有新数据，肯定是轮询咯。轮询有时间间隔，现在是在优化，希望实时，其次是性能[/quote]
轮询对服务器压力太大了[/quote]
一天几百个请求的系统,能有多大用户量,轮询无所谓了,人家web微信都是轮询的[/quote]
现在是可以满足需求, 但是不要为了满足需求而实现功能
后期的可维护性和可扩展性很重要的[/quote]
轮询消息就是一个普通的请求,并不存在维护性和扩展性的问题,相反websocket之类也存在相应的问题,而且更不好解决
加载更多回复（20）
