当我使用浏览器测试几乎相同的代码时,当我刷新页面时,套接字会自动关闭并在页面加载时创建新的Websocket.
如果生产环境中仍存在此问题,则可能非常关键.
这是服务器端代码(我使用了express-ws):
const sockets = {};app.ws('/',(socket,req) => { // Generate unique ID to socket and save to socket List const uID = uuID.v4(); socket.uID = uID; console.log(`Socket ${uID} connected.`); sockets[uID] = socket; socket.on('message',(data) => { broadcast(data); }); socket.on('close',() => { console.log(`Socket ${uID} disconnected.`); delete sockets[uID]; broadcast({ type: 'plain',message: `User ${socket.username} leaved the channel.` }); socket = null; // make sure to remove socket });});
服务器只保存已连接的WebSocket,并在关闭时将其删除.你可以看到我记录了我在连接时创建的Socket ID,用于识别每个websocket方便,它看起来像这样(使用node-uuID):
Socket d0b62d3a-2ed9-4258-9d2d-e83a3eb99e6c disconnected.
好吧,当我使用Web浏览器测试此服务器时,它运行良好.每次刷新成功都是关闭套接字并创建新套接字.
但是使用React Native,socket在刷新应用程序时永远不会关闭.经过几次刷新,最后退出应用程序后,这些消息突然出现在控制台上:
Socket d0b62d3a-2ed9-4258-9d2d-e83a3eb99e6c disconnected.Socket 2e1a2bba-ac64-4368-aeca-a02721f28ce5 disconnected.Socket 6673c9a3-9667-425a-8923-efbc40196226 disconnected.Socket 08fee145-e9bf-4af0-a245-dda2fe6a8e56 disconnected.Socket 55ce1926-d7fa-488b-92d9-ff3dea874496 disconnected.Socket 9c4c166d-d6d6-4a11-b400-a3eac51ab91f disconnected.Socket 9f6db512-649c-440e-8b88-9a77d20e1943 disconnected.Socket a9e6c0bd-419c-40af-865a-2573eca26a0f disconnected.Socket 70835c7a-3230-4e20-b133-b6c2942dff22 disconnected.Socket 5c83d81c-c0f1-4b9a-b5fb-7f09430a2f09 disconnected.Socket 4f11aea4-d0ad-4e2b-9613-9e994657ecaf disconnected.
下面的代码是我的React Native应用程序的WebSocket处理部分.
import store from './store';import * as ChatActions from './actions/Chat';import * as NetworkActions from './actions/Network';const socket = null;export function init() { socket = new WebSocket('ws://mywebsite.com:3300'); socket.onopen = () => { store.dispatch({ type: NetworkActions.NETWORK_SOCK_CONNECTED,data: {} }); }; socket.onmessage = (e) => { var data = e.data; try { data = JsON.parse(e.data); } catch(err) {} store.dispatch({ type: ChatActions.CHAT_RECV,data: data.message }); }; socket.onclose = (e) => { store.dispatch({ type: NetworkActions.NETWORK_SOCK_CLOSED,data: {} }); };}export function send(data) { data = typeof data === 'object' ? JsON.stringify(data) : data; socket.send(data);}
如果我应该在应用程序结束之前关闭套接字,并且任何人都知道这一点,请给我一些建议.我对React Native不是很了解,也没有在Google上找到相关的帖子,所以非常感谢它给我一些建议.谢谢!
附:哦,我用AndroID进行测试.
解决方法 你的代码看起来不错.通过刷新你的意思是在调试模式下运行时刷新JavaScript?这应该永远不会发生在生产中,JavaScript存储在设备上.如果您需要在应用程序在后台时显式关闭连接,请查看:
http://facebook.github.io/react-native/docs/appstate.html
然后你可以在应用程序在后台时调用ws.close():)
总结以上是内存溢出为你收集整理的android – WebSocket没有关闭重装应用程序(React Native)全部内容,希望文章能够帮你解决android – WebSocket没有关闭重装应用程序(React Native)所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)