本篇文章给大家谈谈如何防止由于异步代码和websocket竞争条件而导致反应状态覆盖？，同时本文还将给你拓展Apache代理websocket如何配置websocket的心跳时间、Flask+geve
本篇文章给大家谈谈如何防止由于异步代码和 websocket 竞争条件而导致反应状态覆盖？，同时本文还将给你拓展Apache代理websocket 如何配置websocket的心跳时间、Flask+gevent-websocket模块实现websocket、HTML5 websockets与PHP websockets vs node.js websockets？、java WebSocket的实现以及Spring WebSocket示例代码等相关知识，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：- 如何防止由于异步代码和 websocket 竞争条件而导致反应状态覆盖？
- Apache代理websocket 如何配置websocket的心跳时间
- Flask+gevent-websocket模块实现websocket
- HTML5 websockets与PHP websockets vs node.js websockets？
- java WebSocket的实现以及Spring WebSocket示例代码
如何防止由于异步代码和 websocket 竞争条件而导致反应状态覆盖？
如何解决如何防止由于异步代码和 websocket 竞争条件而导致反应状态覆盖？？
我正在构建一个使用 recoiljs 作为状态管理器的 React 应用程序，我需要从 Web 套接字获取数据并相应地更新状态。我不使用常规数组的原因是我需要在我的组件之间共享状态。
详细来说，该组件有一个 WebSocket 连接，并将有数据流入其中。然后它需要通过推送接收到的数据来更新数组。问题是由于组件生命周期或其他原因，状态写入不正确，这就是我认为发生的情况
- 收到响应 1 并调用 setState([...state,data])
- 然后收到响应 2 并调用 setState([...state,data])
- 状态实际上是由响应 1 设置的
- 状态由响应 2 设置
问题是当响应 2 进入并调用 setState 时，它具有不包括响应 1 的旧版本状态。
我似乎不知道如何解决这个问题。这是精简后的代码。
import {atom} from "recoil"
import {useRecoilState} from "recoil"
const WebSocket = require("isomorphic-ws");
const statusAtom = atom<string[]>({
key: "statusAtom",default: []
});
function Component() {
const [status,setStatus] = useRecoilState(statusAtom);
const functionCalledAfterButtonPress = () => {
ws.onmessage = function incoming(res: any) {
console.log(res.data); // for debugging
setStatus([...status,res.data]);
};
}
}
请注意，我不包括其他事件，例如 ws.onopen 和 return 语句或诸如此类的内容，并且原子声明和组件声明位于不同的文件中。
解决方法
正如 Jayce444 所说，解决这个问题的方法不是使用带有已计算值 setStatus 的 [...status,res.data]，而是传递一个 lambda 语句，该语句在状态更新时调用。
代替：
setStatus([..status,res.data])
使用：setStatus(prevStatus => [...prevStatus,res.data])
Apache代理websocket 如何配置websocket的心跳时间
公司项目有个 用到 Apache代理的websocket 但是现在websocket30秒不交互就自动断掉了 ，请问如何设置心跳时间
Flask+gevent-websocket模块实现websocket
后端代码：
from flask import Flask,request
from geventwebsocket.handler import WebSocketHandler
from gevent.pywsgi import WSGIServer
from geventwebsocket.websocket import WebSocket #这条做语法提示用
app = Flask(__name__)
@app.route(''/conn'')
def index():
#获取请求原始数据
user_socket = request.environ
#获取websocket对象
websocket_obj = user_socket[''wsgi.websocket''] #type:WebSocket
while True: #循环监听
# 监听链接,接收数据
msg = websocket_obj.receive()
print(msg)
websocket_obj.send(msg+''youtoo'')
if __name__ == ''__main__'':
# app.run()
#在APP外封装websocket
http_serv = WSGIServer(("0.0.0.0",5000),app,handler_class=WebSocketHandler)
# 启动服务
http_serv.serve_forever()模板代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>websocket客户端</title>
</head>
<body>
<script type="application/javascript">
var ws = new WebSocket(''ws://127.0.0.1:5000/conn''); //建立websocket链接
//接收数据
ws.onmessage = function (messageEvent) {
console.log(messageEvent.data)
}
</script>
</body>
</html>
HTML5 websockets与PHP websockets vs node.js websockets？
我想知道的是三者之间有什么区别,我的意思是我不想学习所有这三者,如果有的话比其他人好.
解决方法
java WebSocket的实现以及Spring WebSocket示例代码
本篇文章主要介绍了java WebSocket的实现以及Spring WebSocket，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
开始学习WebSocket，准备用它来实现一个在页面实时输出log4j的日志以及控制台的日志。
首先知道一些基础信息：
1.java7 开始支持WebSocket，并且只是做了定义，并未实现
2.tomcat7及以上，jetty 9.1及以上实现了WebSocket，其他容器没有研究
3.spring 4.0及以上增加了WebSocket的支持
4.spring 支持STOMP协议的WebSocket通信
5.WebSocket 作为java的一个扩展，它属于javax包目录下，通常需要手工引入该jar，以tomcat为例，可以在 tomcat/lib 目录下找到 websocket-api.jar
开始实现
先写一个普通的WebSocket客户端，直接引入tomcat目录下的jar，主要的jar有：websocket-api.jar、tomcat7-websocket.jar
public static void f1() { try { WebSocketContainer container = ContainerProvider.getWebSocketContainer(); // 获取WebSocket连接器，其中具体实现可以参照websocket-api.jar的源码,Class.forName("org.apache.tomcat.websocket.WsWebSocketContainer"); String uri = "ws://localhost:8081/log/log"; Session session = container.connectToServer(Client.class, new URI(uri)); // 连接会话 session.getBasicRemote().sendText("123132132131"); // 发送文本消息 session.getBasicRemote().sendText("4564546"); } catch (Exception e) { e.printstacktrace(); } }
其中的URL格式必须是ws开头，后面接注册的WebSocket地址
Client.java 是用于收发消息
@ClientEndpoint public class Client { @Onopen public void onopen(Session session) { System.out.println("Connected to endpoint: " + session.getBasicRemote()); } @OnMessage public void onMessage(String message) { System.out.println(message); } @OnError public void onError(Throwable t) { t.printstacktrace(); } }
到这一步，客户端的收发消息已经完成，现在开始编写服务端代码，用Spring 4.0，其中pom.xml太长就不贴出来了，会用到jackson,spring-websocket,spring-message
import org.springframework.beans.factory.annotation.Autowired; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.context.annotation.Lazy; import org.springframework.messaging.simp.SimpMessagingTemplate; import org.springframework.web.servlet.config.annotation.EnableWebMvc; import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter; import org.springframework.web.socket.WebSocketHandler; import org.springframework.web.socket.config.annotation.EnableWebSocket; import org.springframework.web.socket.config.annotation.WebSocketConfigurer; import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry; import com.gionee.log.client.LogWebSocketHandler; /** * 注册普通WebScoket * @author PengBin * @date 2016年6月21日 下午5:29:00 */ @Configuration @EnableWebMvc @EnableWebSocket public class WebSocketConfig extends WebMvcConfigurerAdapter implements WebSocketConfigurer { @Autowired @Lazy private SimpMessagingTemplate template; /** {@inheritDoc} */ @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(logWebSocketHandler(), "/log"); // 此处与客户端的 URL 相对应 } @Bean public WebSocketHandler logWebSocketHandler() { return new LogWebSocketHandler(template); } }
import org.springframework.messaging.simp.SimpMessagingTemplate; import org.springframework.web.socket.TextMessage; import org.springframework.web.socket.WebSocketSession; import org.springframework.web.socket.handler.TextWebSocketHandler; /** * * @author PengBin * @date 2016年6月24日 下午6:04:39 */ public class LogWebSocketHandler extends TextWebSocketHandler { private SimpMessagingTemplate template; public LogWebSocketHandler(SimpMessagingTemplate template) { this.template = template; System.out.println("初始化 handler"); } @Override protected void handleTextMessage(WebSocketSession session, TextMessage message) throws Exception { String text = message.getPayload(); // 获取提交过来的消息 System.out.println("handMessage:" + text); // template.convertAndSend("/topic/getLog", text); // 这里用于广播 session.sendMessage(message); } }
这样，一个普通的WebSocket就完成了，自己还可以集成安全控制等等
Spring还支持一种注解的方式，可以实现订阅和广播，采用STOMP格式协议，类似MQ，其实应该就是用的MQ的消息格式，下面是实现
同样客户端：
public static void main(String[] args) { try { WebSocketContainer container = ContainerProvider.getWebSocketContainer(); String uri = "ws://localhost:8081/log/hello/hello/websocket"; Session session = container.connectToServer(Client.class, new URI(uri)); char lf = 10; // 这个是换行 char nl = 0; // 这个是消息结尾的标记，一定要 StringBuilder sb = new StringBuilder(); sb.append("SEND").append(lf); // 请求的命令策略 sb.append("destination:/app/hello").append(lf); // 请求的资源 sb.append("content-length:14").append(lf).append(lf); // 消息体的长度 sb.append("{"name":"123"}").append(nl); // 消息体 session.getBasicRemote().sendText(sb.toString()); // 发送消息 Thread.sleep(50000); // 等待一小会 session.close(); // 关闭连接 } catch (Exception e) { e.printstacktrace(); } }
这里一定要注意，换行符和结束符号，这个是STOMP协议规定的符号，错了就不能解析到
服务端配置
/** * 启用STOMP协议WebSocket配置 * @author PengBin * @date 2016年6月24日 下午5:59:42 */ @Configuration @EnableWebMvc @EnableWebSocketMessagebroker public class WebSocketbrokerConfig extends AbstractWebSocketMessagebrokerConfigurer { /** {@inheritDoc} */ @Override public void registerStompEndpoints(StompEndpointRegistry registry) { System.out.println("注册"); registry.addEndpoint("/hello").withSockJS(); // 注册端点，和普通服务端的/log一样的 // withSockJS()表示支持socktJS访问，在浏览器中使用 } /** {@inheritDoc} */ @Override public void configureMessagebroker(MessagebrokerRegistry config) { System.out.println("启动"); config.enableSimplebroker("/topic"); // config.setApplicationDestinationPrefixes("/app"); // 格式前缀 } } Controller @Controller public class LogController { private SimpMessagingTemplate template; @Autowired public LogController(SimpMessagingTemplate template) { System.out.println("init"); this.template = template; } @MessageMapping("/hello") @SendTo("/topic/greetings") // 订阅 public Greeting greeting(HelloMessage message) throws Exception { System.out.println(message.getName()); Thread.sleep(3000); // simulated delay return new Greeting("Hello, " + message.getName() + "!"); } }
到这里就已经全部完成。
template.convertAndSend("/topic/greetings", "通知"); // 这个的意思就是向订阅了/topic/greetings进行广播
对于用socktJS连接的时候会有一个访问 /info 地址的请求
如果在浏览器连接收发送消息，则用sockt.js和stomp.js
function connect() { var socket = new SockJS('/log/hello/hello'); stompClient = Stomp.over(socket); stompClient.connect({}, function(frame) { setConnected(true); console.log('Connected: ' + frame); stompClient.subscribe('/topic/greetings', function(greeting) { showGreeting(JSON.parse(greeting.body).content); }); }); } function disconnect() { if (stompClient != null) { stompClient.disconnect(); } setConnected(false); console.log("disconnected"); } function sendName() { var name = document.getElementById('name').value; stompClient.send("/app/hello", {}, JSON.stringify({ 'name' : name })); }
在浏览器中可以看到请求返回101状态码，意思就是切换协议
今天关于如何防止由于异步代码和 websocket 竞争条件而导致反应状态覆盖？的讲解已经结束，谢谢您的阅读，如果想了解更多关于Apache代理websocket 如何配置websocket的心跳时间、Flask+gevent-websocket模块实现websocket、HTML5 websockets与PHP websockets vs node.js websockets？、java WebSocket的实现以及Spring WebSocket示例代码的相关知识，请在本站搜索。
本文标签：
![[转帖]Ubuntu 安装 Wine方法（ubuntu如何安装wine）](https://www.gvkun.com/zb_users/cache/thumbs/4c83df0e2303284d68480d1b1378581d-180-120-1.jpg)
