vue调用websocket方法

1. 新建一个ws.js文件，放至公共调用的文件夹，ws.js代码如下：

let ws = {};

ws.web_socket = function(uid){
	let socket = new WebSocket('ws://更换为自己的服务器地址:更换为自己的端口号');
	//连接成功时触发
	socket.onopen = function (e) {
		let loginData = JSON.stringify({
			'type': 'init',
			'id': uid,
			'site':1  //1移动端
		});
		//初始化
		socket.send(loginData);
		console.log("websocket握手成功!");
		console.log(e);
	};
}

export default ws;

2.在想调用websocket的vue页面的onLoad或onShow方法中引入ws.js文件并调用web_socket方法，代码如下：

<template>

</template>

<script>
	import ws from "@/api/ws.js";
	export default {
		components: {
            
		},
		data() {
			return {
				
			};
		},
		onLoad : function() {
			
		},
		onShow : function() {
			let that = this;
			if(this.phone){
				ws.web_socket(publicCache.id())//调用websocket
			}
			
		},
		// 下拉刷新
		onPullDownRefresh : function() {
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">

</style>