我是靠谱客的博主 高高小天鹅,最近开发中收集的这篇文章主要介绍socket连接方法,socket使用方法。js连接socket,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

socket现在用的还是很多的,在一些直播间内。所以下面就说一说js连接socket的方法。
先定义一些方法:以下是代码注释很详细,可以多看看注释
initWebSocket方法----在你想要什么时候链接的时候调用就行了!
这个是没有封装的原始代码,有兴趣的可以封装一下。

			// websocket初始化
			initWebSocket() {
				// 这里是new一个socket实例。后面填写socket服务器地址,应该都有端口号的。还可以传其他的参数,具体的可以搜一下socket初始化的一些参数。
				this.websocket = new WebSocket(this.$Url.ChatWebSocket);
				// 连接错误
				this.websocket.onerror = this.setErrorMessage;
				// 连接成功
				this.websocket.onopen = this.setOnopenMessage;
				// 收到消息的回调
				this.websocket.onmessage = this.screenMsg;
				// 连接关闭的回调
				this.websocket.onclose = this.setOncloseMessage;
				// 监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。
				window.onbeforeunload = this.onbeforeunload;
			},
			// 监听窗口关闭事件
			onbeforeunload() {
				this.websocket.close();
			},
			// socket连接失败回调
			setErrorMessage(res) {
				console.log('连接失败', res);
				this.socketclose = true;
			},
			// socket连接成功回调
			setOnopenMessage(res) {
				this.socketclose = false;
				console.log('websocket连接已打开');
				// socket链接成功后在发送登录socket的验证方式。当然你们的socket不需要登录的话,下面登录可以删掉。
				let data = {
					type: 'login',
					user_id: this.uid,
					room_id: this.room_id
				};
				this.websocket.send(JSON.stringify(data));
			},
			// scoket关闭回调
			setOncloseMessage(res) {
				console.log('连接已关闭');
				// this.socketclose = true;
			},
			//接收socket信息
			screenMsg(res) {
				// socket返回的数据是JSON格式的需要转换一下。
				var datas = JSON.parse(res.data)
			}

给socket发送消息的方式就是上面那个,scoket链接成功回调里面-登录的方式,按照你们后台的需要的type进行交互。socket主动给你发的消息会出现在 接收消息回调的function里面。可以打印一下解析后的datas。进行接收消息后的操作!

最后

以上就是高高小天鹅为你收集整理的socket连接方法,socket使用方法。js连接socket的全部内容,希望文章能够帮你解决socket连接方法,socket使用方法。js连接socket所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(54)

评论列表共有 0 条评论

立即
投稿
返回
顶部