{"id":228968,"date":"2020-12-09T03:50:30","date_gmt":"2020-12-08T19:50:30","guid":{"rendered":"http:\/\/4563.org\/?p=228968"},"modified":"2020-12-09T03:50:30","modified_gmt":"2020-12-08T19:50:30","slug":"vue-%e4%b8%8e-flask-websocket-%e5%ae%9e%e6%97%b6%e9%80%9a%e4%bf%a1%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=228968","title":{"rendered":"vue \u4e0e flask websocket \u5b9e\u65f6\u901a\u4fe1\u95ee\u9898"},"content":{"rendered":"<div>\n<div>\n<div>\n<h1>                  vue \u4e0e flask websocket \u5b9e\u65f6\u901a\u4fe1\u95ee\u9898               <\/h1>\n<p> <\/p>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : taomujian <\/span>  <span><i><\/i> 8<\/span> <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div isfirst=\"1\"> <\/p>\n<p>\u524d\u7aef\u7528\u7684 vue,\u540e\u7aef\u7528\u7684 flask,\u6709\u4e2a\u8def\u7531\u9700\u8981\u4f7f\u7528 websocket \u901a\u4fe1,\u73b0\u5728\u662f\u53ef\u4ee5\u901a\u4fe1\u4e86,\u4f46\u540e\u7aef\u600e\u4e48\u628a\u6570\u636e\u5b9e\u65f6\u7684\u63a8\u7ed9\u524d\u7aef\u5462\uff1f\u540e\u7aef\u5728\u540e\u9762\u4e00\u76f4 while \u5faa\u73af\u63a8\u9001\u7684\u8bdd,\u5219\u8bbf\u95ee\u5176\u5b83\u7684\u8def\u7531\u4f1a\u5931\u8d25,\u5982\u679c\u540e\u7aef\u5f00\u591a\u7ebf\u7a0b\u7684\u8bdd,\u4f1a\u62a5 socket \u6b7b\u4ea1\u7684\u95ee\u9898,\u65e0\u6cd5\u901a\u4fe1.<\/p>\n<p>python:<\/p>\n<pre><code>  from flask_sockets import Sockets    @sockets.route('\/msg')     def echo_socket(ws):         response_data = {'code': '', 'message': '', 'data': '', 'total': ''}         try:             if request.method == 'GET':                 user_socker = request.environ.get('wsgi.websocket')                 request_data = json.loads(user_socker.receive())                 t1 = threading.Thread(target = check_status, args=(request_data, user_socker,), daemon = True)                 t1.start()               <\/code><\/pre>\n<p>\u62a5\u9519\u4fe1\u606f: user_socker.send(json.dumps(response_data)) File &#8220;\/Library\/Frameworks\/Python.framework\/Versions\/3.8\/lib\/python3.8\/site-packages\/geventwebsocket\/websocket.py&#8221;, line 347, in send raise WebSocketError(MSG_SOCKET_DEAD) geventwebsocket.exceptions.WebSocketError: Socket is dead<\/p>\n<p>vue:<\/p>\n<p>initWebSocket() { \/\/\u521d\u59cb\u5316 weosocket const wsuri = &#8216;ws:\/\/127.0.0.1:8800\/msg&#8217; \/\/ws \u5730\u5740 this.websock = new WebSocket(wsuri) this.websock.onopen = this.websocketonopen this.websock.onmessage = this.websocketonmessage this.websock.onerror = this.websocketonerror this.websock.onclose = this.websocketclose },<\/p>\n<\/p><\/div>\n<div> <b>\u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (<span>7<\/span>)        <\/div>\n<div> <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<ul>\n<li data-pid=\"4692675\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Latin <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             sockets \u7684\u5f02\u6b65\u9700\u8981 eventlet \u548c gevent \u7684\u52a0\u6301<br \/>\u53e6\u5916\u4e0d\u5efa\u8bae flask \u4f7f\u7528 sockets <br \/>\u6362\u4e2a\u601d\u8def socketio \u66f4\u9002\u5408 flask                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"4692676\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Latin <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             flask-socketio                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"4692677\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : taomujian <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @Latin flask-socketio \u8fd9\u4e2a\u5e93\u4e0d\u652f\u6301 http \u7684\u8bf7\u6c42\uff0c\u4e0e\u5176\u5b83\u7684\u8bf7\u6c42\u4e0d\u80fd\u5171\u5b58,\u8fd9\u5c31\u6709\u70b9\u96be\u53d7\u4e86                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"4692678\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : Latin <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @taomujian \u652f\u6301\u7684 \u6211\u6bcf\u4e2a\u9879\u76ee\u91cc\u90fd\u7528                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"4692679\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u8cc7\u6df1\u5927\u4f6c : wzwwzw <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             flask-socketio \u5e94\u8be5\u662f\u6700\u4f18\u7684\u9009\u62e9\u4e86\uff0c\u53ea\u4e0d\u8fc7\u5728\u90e8\u7f72\u7684\u65f6\u5019\u4f1a\u9ebb\u70e6\u4e00\u4e9b\u3002                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"4692680\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : taomujian <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @Latin \u597d\u7684\uff0c\u8c22\u8c22\uff0c\u6211\u518d\u8bd5\u8bd5                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li data-pid=\"4692681\" data-uid=\"2\">\n<div>\n<div>\n<div> <span>\u4e3b<\/span> <span>\u8cc7\u6df1\u5927\u4f6c : taomujian <\/span>  <\/div>\n<div> <i title=\"\u5f15\u7528\"><\/i>  <span>          <\/span> <\/div>\n<\/p><\/div>\n<div>                                                             @wzwwzw OK                                                            <\/div>\n<\/p><\/div>\n<\/li>\n<li>\n","protected":false},"excerpt":{"rendered":"<p>vue \u4e0e flask webso&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/228968"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=228968"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/228968\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=228968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=228968"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=228968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}