【websocket系列】uniapp-springboot-websocket整合

uniapp

这里不需要导入什么依赖
直接使用uniapp自带的就可以了
参考文档：https://developers.weixin.qq.com/miniprogram/dev/api/network/websocket/wx.sendSocketMessage.html

<template>
<view class="warp">
<!--这里我是直接想获得mq传过来的信息，所以我就没有做太多的处理了，直接进入页面的时候连接websocket-->
</template>
<script>
	export default {
     
     
		data() {
     
     
			return {
     
     
				socketTask: null,
				// 确保websocket是打开状态
				is_open_socket: false
			};
		},
		onLoad: function() {
     
     
			this.connectSocketInit();
		},
		
		methods: {
     
     
		// 进入这个页面的时候创建websocket连接【整个页面随时使用】
					connectSocketInit() {
     
     
						// 创建一个this.socketTask对象【发送、接收、关闭socket都由这个对象操作】
						//这个有区别于angular angular是对象操作的，有点类似于angular的new WebSocket()
						this.socketTask = uni.connectSocket({
     
     
							// 【非常重要】必须确保你的服务器是成功的,记得后端不能进行拦截
							url: "ws://192.168.101.141:4433/imserver/app/"+uni.getStorageSync("token"),
							success(data) {
     
     
								console.log("websocket连接成功");
							},
						});
		 
						// 消息的发送和接收必须在正常连接打开中,才能发送或接收【否则会失败】
						
						//连接成功时回调
						this.socketTask.onOpen((res) => {
     
     
							console.log("WebSocket连接正常打开中...！");
							this.is_open_socket = true;
							
							//发送信息
							this.socketTask.send({
     
     
								data: "uni-app发送一条消息",
								async success() {
     
     
									console.log("消息发送成功");
								},
							});
							//收到信息的回调
							this.socketTask.onMessage((res) => {
     
     
								console.log("收到服务器内容：" + res.data);
							});
						})
						
						// 这里仅是事件监听【如果socket关闭了会执行】
						this.socketTask.onClose(() => {
     
     
							console.log