{"id":31257,"date":"2024-11-25T14:35:08","date_gmt":"2024-11-25T06:35:08","guid":{"rendered":"https:\/\/fwq.ai\/blog\/31257\/"},"modified":"2024-11-25T14:35:08","modified_gmt":"2024-11-25T06:35:08","slug":"%e5%ae%9e%e4%be%8b%e8%af%a6%e8%a7%a3%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8socket","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/31257\/","title":{"rendered":"\u5b9e\u4f8b\u8be6\u89e3\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5982\u4f55\u4f7f\u7528Socket"},"content":{"rendered":"<p>\u672c\u6587\u4e3b\u8981\u548c\u5927\u5bb6\u4ecb\u7ecd\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4f7f\u7528socket\u7684\u5b9e\u4f8b\u7684\u76f8\u5173\u8d44\u6599,\u5e0c\u671b\u901a\u8fc7\u672c\u6587\u80fd\u5e2e\u52a9\u5230\u5927\u5bb6\uff0c\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b\uff0c\u5e0c\u671b\u80fd\u5e2e\u52a9\u5230\u5927\u5bb6\u3002<\/p>\n<p><strong>\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4f7f\u7528Socket\u7684\u5b9e\u4f8b<\/strong><\/p>\n<p>\u9996\u5148\uff0c\u4e00\u4e2a\u5c0f\u7a0b\u5e8f\u540c\u65f6\u53ea\u80fd\u6709\u4e00\u4e2aWebSocket\u8fde\u63a5\uff0c\u5982\u679c\u5f53\u524d\u5df2\u7ecf\u5b58\u5728\u4e00\u4e2aWebSocket\u8fde\u63a5\uff0c\u4f1a\u5173\u95ed\u5f53\u524d\u8fde\u63a5\uff0c\u5e76\u91cd\u65b0\u5efa\u7acb\u4e00\u4e2a\u8fde\u63a5\u3002<\/p>\n<p>\u5176\u6b21\uff0c\u5982\u679c\u4f7f\u7528\u4e86appID\uff0c\u534f\u8bae\u5fc5\u987b\u662f wss:\/\/&#8230;<\/p>\n<p>\u6700\u8fd1\u56e2\u961f\u7528\u5c0f\u7a0b\u5e8f\u505a\u884c\u60c5\uff0c\u5728\u8fde\u63a5socket\u7684\u65f6\u5019\uff0c\u53d1\u73b0\u5728\u8fd8\u6ca1\u6709\u8fdb\u884csubscribe\u7684\u60c5\u51b5\u4e0b\uff0c\u5c31\u76f4\u63a5\u8fdb\u884c\u4e86\u5e7f\u64ad\uff0c\u5e76\u4e14\u81ea\u52a8\u5173\u95ed\u4e86socket\u8fde\u63a5\uff0c<\/p>\n<p>\u65f6\u95f4\u7d27\u8feb\uff0c\u6293\u8033\u6320\u816e\uff0c\u9042\u5f15\u7528\u4e86socket-io(\u57fa\u4e8e\u5c0f\u7a0b\u5e8f\u7684websocket\u4eff\u5199\u7684socket-io\uff0c\u5e76\u975e\u5b98\u65b9\u7684socket-io\uff0c\u4f20\u9001\u95e8)\uff0c\u4f7f\u7528\u65b9\u6cd5\uff1a<\/p>\n<p>1\u3001\u5148\u5728utils\u6587\u4ef6\u5939\u7c98\u8d34\u4e00\u4e2aio\u7684js<\/p>\n<p>2\u3001\u7136\u540e npm install wxapp-socket-io<\/p>\n<p>3\u3001config\u6587\u4ef6\u5939\u4e0b\u65b0\u5efa\u4e00\u4e2asocket.js,\u5bf9socket\u8fde\u63a5\u8fdb\u884c\u5c01\u88c5\uff0c\u5982\u4e0b\uff1a<\/p>\n<pre>const&nbsp;io&nbsp;=&nbsp;require('..\/utils\/io.js')\r\nlet&nbsp;url&nbsp;=&nbsp;'wss:\/\/......'\r\nlet&nbsp;wsStatus&nbsp;=&nbsp;false\r\nlet&nbsp;onSocket&nbsp;=&nbsp;null\r\nexport&nbsp;const&nbsp;connect&nbsp;=&nbsp;function(cb){\r\n&nbsp;&nbsp;if(!onSocket){\r\n&nbsp;&nbsp;&nbsp;&nbsp;onSocket&nbsp;=&nbsp;io(url)\r\n&nbsp;&nbsp;&nbsp;&nbsp;onSocket.on('connect',&nbsp;function&nbsp;(res)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cb(true,onSocket)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wsStatus&nbsp;=&nbsp;true\r\n&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;&nbsp;&nbsp;setTimeout(function(){\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(!wsStatus){\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cb(false,onSocket)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;&nbsp;&nbsp;},10000)\r\n&nbsp;&nbsp;}else{\r\n&nbsp;&nbsp;&nbsp;&nbsp;cb(true,onSocket)\r\n&nbsp;&nbsp;}\r\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>4\u3001\u5728\u8981\u5f15\u7528\u7684\u9875\u9762\u8c03\u7528\uff0c\u5168\u5c40\u5c01\u88c5\u8ba2\u9605\u65b9\u6cd5<\/p>\n<pre>let&nbsp;openSocket&nbsp;=&nbsp;require('..\/..\/config\/socket')\r\nlet&nbsp;app&nbsp;=&nbsp;getApp()\r\nlet&nbsp;socket&nbsp;=&nbsp;null\r\nPage({\r\ndata:&nbsp;{\r\n&nbsp;&nbsp;zl:&nbsp;[[422,&nbsp;400,&nbsp;468,&nbsp;834,&nbsp;785,&nbsp;446,&nbsp;845,&nbsp;517,&nbsp;630,&nbsp;797,&nbsp;890,&nbsp;529,&nbsp;553,&nbsp;425,&nbsp;469,&nbsp;470,&nbsp;837,&nbsp;841,&nbsp;521,&nbsp;525],&nbsp;[422,&nbsp;400,&nbsp;468,&nbsp;834,&nbsp;785,&nbsp;446,&nbsp;845,&nbsp;517,&nbsp;630,&nbsp;797,&nbsp;890,&nbsp;529,&nbsp;553,&nbsp;425,&nbsp;469,&nbsp;470,&nbsp;837,&nbsp;841,&nbsp;521,&nbsp;525]]\r\n},\r\nonLoad:&nbsp;function&nbsp;()&nbsp;{\r\n&nbsp;&nbsp;let&nbsp;that&nbsp;=&nbsp;this;\r\n&nbsp;&nbsp;\/\/socket\u8c03\u7528\r\n&nbsp;&nbsp;openSocket.connect(function&nbsp;(status,&nbsp;ws)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(status)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;socket&nbsp;=&nbsp;ws\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.subscribe('zl')\/\/\u5bf9\u5c01\u88c5\u597d\u5bf9\u8ba2\u9605\u65b9\u6cd5\u8fdb\u884c\u8c03\u7528\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;socket.on('broadcast',&nbsp;function&nbsp;(msg)&nbsp;{\/\/\u5e7f\u64ad\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(\"broadcast\");\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(msg);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})\r\n&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(\"socket&nbsp;\u8fde\u63a5\u5931\u8d25\")\r\n&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;});\r\n},\r\nsubscribe:&nbsp;function&nbsp;(type)&nbsp;{\r\n&nbsp;&nbsp;if&nbsp;(socket)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;eis&nbsp;=&nbsp;this.data[type]\r\n&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(eis&nbsp;&amp;amp;&amp;amp;&nbsp;eis.length&nbsp;&amp;gt;&nbsp;0)&nbsp;{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let&nbsp;param&nbsp;=&nbsp;{\/\/\u4ec5\u4f9b\u53c2\u8003\uff0c\u6839\u636e\u63a5\u53e3\u81ea\u884c\u66f4\u6539\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;eis:&nbsp;eis.join(',')\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;socket.emit('subscribe',&nbsp;JSON.stringify(param));\r\n&nbsp;&nbsp;&nbsp;&nbsp;}\r\n&nbsp;&nbsp;}\r\n}\r\n});<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u76f8\u5173\u63a8\u8350\uff1a<\/p>\n<\/p>\n<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5b9e\u4f8b\u8be6\u89e3\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5982\u4f55\u4f7f\u7528Socket\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u6587\u4e3b\u8981\u548c\u5927\u5bb6\u4ecb\u7ecd\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4f7f\u7528socket\u7684\u5b9e\u4f8b\u7684\u76f8\u5173\u8d44\u6599,\u5e0c\u671b\u901a\u8fc7\u672c\u6587\u80fd\u5e2e\u52a9\u5230\u5927\u5bb6\uff0c\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b\uff0c\u5e0c\u671b\u80fd\u5e2e\u52a9\u5230\u5927\u5bb6\u3002 \u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u4f7f\u7528Socket\u7684\u5b9e\u4f8b \u9996\u5148\uff0c\u4e00\u4e2a\u5c0f\u7a0b\u5e8f\u540c\u65f6\u53ea\u80fd\u6709\u4e00\u4e2aWebSocket\u8fde\u63a5\uff0c\u5982\u679c\u5f53\u524d\u5df2\u7ecf\u5b58\u5728\u4e00\u4e2aWebSocket\u8fde\u63a5\uff0c\u4f1a\u5173\u95ed\u5f53\u524d\u8fde\u63a5\uff0c\u5e76\u91cd\u65b0\u5efa\u7acb\u4e00\u4e2a\u8fde\u63a5\u3002 \u5176\u6b21\uff0c\u5982\u679c\u4f7f\u7528\u4e86appID\uff0c\u534f\u8bae\u5fc5\u987b\u662f wss:\/\/&#8230; \u6700\u8fd1\u56e2\u961f\u7528\u5c0f\u7a0b\u5e8f\u505a\u884c\u60c5\uff0c\u5728\u8fde\u63a5socket\u7684\u65f6\u5019\uff0c\u53d1\u73b0\u5728\u8fd8\u6ca1\u6709\u8fdb\u884csubscribe\u7684\u60c5\u51b5\u4e0b\uff0c\u5c31\u76f4\u63a5\u8fdb\u884c\u4e86\u5e7f\u64ad\uff0c\u5e76\u4e14\u81ea\u52a8\u5173\u95ed\u4e86socket\u8fde\u63a5\uff0c \u65f6\u95f4\u7d27\u8feb\uff0c\u6293\u8033\u6320\u816e\uff0c\u9042\u5f15\u7528\u4e86socket-io(\u57fa\u4e8e\u5c0f\u7a0b\u5e8f\u7684websocket\u4eff\u5199\u7684socket-io\uff0c\u5e76\u975e\u5b98\u65b9\u7684socket-io\uff0c\u4f20\u9001\u95e8)\uff0c\u4f7f\u7528\u65b9\u6cd5\uff1a 1\u3001\u5148\u5728utils\u6587\u4ef6\u5939\u7c98\u8d34\u4e00\u4e2aio\u7684js 2\u3001\u7136\u540e npm install wxapp-socket-io 3\u3001config\u6587\u4ef6\u5939\u4e0b\u65b0\u5efa\u4e00\u4e2asocket.js,\u5bf9socket\u8fde\u63a5\u8fdb\u884c\u5c01\u88c5\uff0c\u5982\u4e0b\uff1a const&nbsp;io&nbsp;=&nbsp;require(&#8216;..\/utils\/io.js&#8217;) let&nbsp;url&nbsp;=&nbsp;&#8216;wss:\/\/&#8230;&#8230;&#8217; let&nbsp;wsStatus&nbsp;=&nbsp;false let&nbsp;onSocket&nbsp;=&nbsp;null export&nbsp;const&nbsp;connect&nbsp;=&nbsp;function(cb){ &nbsp;&nbsp;if(!onSocket){ &nbsp;&nbsp;&nbsp;&nbsp;onSocket&nbsp;=&nbsp;io(url) &nbsp;&nbsp;&nbsp;&nbsp;onSocket.on(&#8216;connect&#8217;,&nbsp;function&nbsp;(res)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cb(true,onSocket) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;wsStatus&nbsp;=&nbsp;true &nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;setTimeout(function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(!wsStatus){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cb(false,onSocket) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;},10000) &nbsp;&nbsp;}else{ &nbsp;&nbsp;&nbsp;&nbsp;cb(true,onSocket) &nbsp;&nbsp;} } \u767b\u5f55\u540e\u590d\u5236 4\u3001\u5728\u8981\u5f15\u7528\u7684\u9875\u9762\u8c03\u7528\uff0c\u5168\u5c40\u5c01\u88c5\u8ba2\u9605\u65b9\u6cd5 let&nbsp;openSocket&nbsp;=&nbsp;require(&#8216;..\/..\/config\/socket&#8217;) let&nbsp;app&nbsp;=&nbsp;getApp() let&nbsp;socket&nbsp;=&nbsp;null Page({ data:&nbsp;{ &nbsp;&nbsp;zl:&nbsp;[[422,&nbsp;400,&nbsp;468,&nbsp;834,&nbsp;785,&nbsp;446,&nbsp;845,&nbsp;517,&nbsp;630,&nbsp;797,&nbsp;890,&nbsp;529,&nbsp;553,&nbsp;425,&nbsp;469,&nbsp;470,&nbsp;837,&nbsp;841,&nbsp;521,&nbsp;525],&nbsp;[422,&nbsp;400,&nbsp;468,&nbsp;834,&nbsp;785,&nbsp;446,&nbsp;845,&nbsp;517,&nbsp;630,&nbsp;797,&nbsp;890,&nbsp;529,&nbsp;553,&nbsp;425,&nbsp;469,&nbsp;470,&nbsp;837,&nbsp;841,&nbsp;521,&nbsp;525]] }, onLoad:&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;let&nbsp;that&nbsp;=&nbsp;this; &nbsp;&nbsp;\/\/socket\u8c03\u7528 &nbsp;&nbsp;openSocket.connect(function&nbsp;(status,&nbsp;ws)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(status)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;socket&nbsp;=&nbsp;ws &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.subscribe(&#8216;zl&#8217;)\/\/\u5bf9\u5c01\u88c5\u597d\u5bf9\u8ba2\u9605\u65b9\u6cd5\u8fdb\u884c\u8c03\u7528 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;socket.on(&#8216;broadcast&#8217;,&nbsp;function&nbsp;(msg)&nbsp;{\/\/\u5e7f\u64ad &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(&#8220;broadcast&#8221;); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(msg); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}) &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(&#8220;socket&nbsp;\u8fde\u63a5\u5931\u8d25&#8221;) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-31257","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=31257"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/31257\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=31257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=31257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=31257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}