WebSocket连接问题与微信小程序端口限制

"这篇问答主要讨论了在微信小程序中遇到的WebSocket连接问题，以及与之相关的合法域名配置、地图显示故障和switchTab跳转不刷新的问题。开发者在使用自建的WebSocket服务器时，发现在微信开发工具中可以正常工作，但实际在iOS和Android设备上无法成功连接。开发者怀疑可能是URL中包含端口导致的问题，因为wx.request明确指出URL不能有端口，但wx.connectSocket并未作此限制。此外，即使连接失败，wx.connectSocket的成功回调有时也会被触发。开发者建议允许在所有请求中使用端口。另一问题是在体验版中，HTTPS和WebSocket连接看似成功，但无日志记录，官方回应可能是因为未配置合法域名。此外，小程序地图组件存在分享后无法显示的已知问题，官方承诺会在下一个版本修复。最后，switchTab跳转到tabbar页面时不刷新，官方未给出明确答复，但开发者提出这个问题影响了用户体验。" 本文涉及的知识点如下： 1. WebSocket：WebSocket是一种在客户端和服务器之间建立长连接的协议，允许双方进行双向通信。在微信小程序中，使用`wx.connectSocket`接口来建立WebSocket连接。开发者遇到的问题是，WebSocket在开发工具中工作正常，但在实际设备上无法连接，可能与URL中的端口有关。 2. 微信小程序合法域名配置：微信小程序对网络请求的域名有严格的限制，开发者必须在后台配置合法域名，否则会导致请求失败。当在体验版中出现网络请求问题时，官方建议检查是否已配置合法域名，并开启调试模式查看是否有相关提示。 3. wx.request与wx.connectSocket：wx.request是微信小程序中的HTTP请求API，其文档明确指出URL不应包含端口，而wx.connectSocket的文档对此没有明确说明。开发者在实践中发现，端口可能导致WebSocket连接问题，但微信官方文档未给出明确指导。 4. WebSocket接口使用：开发者尝试使用原生的HTML5 WebSocket接口，但在小程序中报错提示`WebSocket is not a constructor`，表明小程序可能不支持直接使用原生WebSocket对象。 5. 小程序地图组件：小程序的地图组件存在已知的显示问题，即分享后再次查看地图时无法显示。官方确认这是一个bug，并计划在下一个版本修复。 6. switchTab跳转：在小程序中，`switchTab`用于切换tabBar页面，但开发者发现这种跳转不会刷新页面，这可能影响了新数据的展示，尤其是在有新增内容时。开发者期望在跳转后能自动刷新页面，以提供最新的内容。 该文涵盖了WebSocket连接问题、合法域名配置、地图组件的bug以及页面跳转的刷新机制等多个方面，反映了微信小程序开发中可能遇到的实际问题及其解决方案。