websocket 长连接应用场景

《websocket 长连接应用场景》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、WebSocket长连接应用场景没事打开小程序，和附近的人剪刀石头布，想来就来，想走就走。谁能成为武林高手？！微信小程序提供了一套在微信上运行小程序的解决方案，有比较完整的框架、组件以及API，在这个平台上面的想象空间很大。腾讯云拿到了小程序内测资格，研究了一番之后，发现微信支持WebSocket还是很值得玩味的。这个特性意味着我们可以做一些实时同步或者协作的小程序。这篇文章分享一个简单的剪刀石头布的小游戏的制作，希望能对想要在小程序中使用WebSocket的开发者有帮助。剪刀石头布游戏效果整个游戏非常简单，连接到服务器后自动匹配在线玩家（没有则分配一个机器人），然后两人进行剪刀石头布的

2、对抗游戏。当对方进行拳头选择的时候，头像会旋转，这个过程使用WebSocket会变得简单快速。部署和运行拿到了本小程序源码的朋友可以尝试自己运行起来。整体架构整体部署架构小程序的架构非常简单，这里有两条网络同步，一条是HTTPS通路，用于常规请求。对于WebSocket请求，会先走HTTPS后再切换协议到WebSocket的TCP连接，从而实现全双工通信。1.准备域名和证书在微信小程序中，所有的网络请求受到严格限制，不满足条件的域名和协议无法请求，具体包括：·只允许和在MP中配置好的域名进行通信，如果还没有域名，需要注册一个。·网络请求必须走HTTPS协议，所以你还需要为你的域名申请一个

3、证书。域名注册好之后，可以登录微信公众平台配置通信域名了。设置域名和证书2.云主机和镜像部署剪刀石头布的服务器运行代码和配置已经打包成腾讯云CVM镜像，大家可以直接使用。腾讯云用户可以免费领取礼包，体验腾讯云小程序解决方案。设置镜像镜像已包含「剪刀石头布」和「小相册」两个小程序的服务器环境与代码，需要体验两个小程序的朋友无需重复部署3.配置HTTPS镜像中已经部署了nginx，需要在/etc/nginx/conf.d下修改配置中的域名、证书、私钥。Nginx中配置证书配置完成后，即可启动nginx。nginx4.域名解析我们还需要添加域名记录解析到我们的云服务器上，这样才可以使用域名进行

4、HTTPS服务。在腾讯云注册的域名，可以直接使用云解析控制台来添加主机记录，直接选择上面购买的CVM。修改DNS记录解析生效后，我们在浏览器使用域名就可以进行HTTPS访问。HTTPS效果5.启动WebSocket服务在镜像的nginx配置中（/etc/nginx/conf.d），已经把/applet/websocket的请求转发到http://127.0.0.1:9595处理。我们需要把Node实现的WebSocket服务在这个端口里运行起来。进入镜像中源码位置：cd/data/release/qcloud-applet-websocket使用pm2启动服务：pm2startproce

5、ss.json6.启动微信小程序在微信开发者工具中修改小程序源码中的config.js配置，把通讯域名修改成上面申请的域名。完成后点击调试即可连接到WebSocket服务进行游戏。配置完成后，运行小程序就可以看到成功搭建的提示！成功效果为什么要用WebSocket使用传统的HTTP轮询或者长连接的方式也可以实现类似服务器推送的效果，但是这类方式都存在资源消耗过大或推送延迟等问题。而WebSocket直接使用TCP连接保持全双工的传输，可以有效地减少连接的建立，实现真正的服务器通信，对于有低延迟有要求的应用是一个很好的选择。目前浏览器对WebSocket的支持程度已经很好，加上微信小程序的

6、平台支持，这种可以极大提高客户端体验的通信方式将会变得更加主流。Server端需要实现WebSocket协议，才能支持微信小程序的WebSocket请求。鉴于SocketIO被广泛使用，剪刀石头布的小程序，我们选用了比较著名的SocketIO作为服务端的实现。SocketIO的使用比较简单，仅需几行代码就可启动服务。exportclassServer{init(path:string){/**Portthatserverlistenon*/this.port=process.env.PORT;/**HTTPServerinstanceforbothexpressandsocketio*/

7、this.http=http.createServer();/**Socketioinstance*/this.io=SocketIO(this.http,{path});/**Handleincommingconnection*/this.io.on("connection",socket=>{//handleconnection});}start(){this.http.listen(this.port);console.log