uniapp中调用webSocket

// webSocket.js
// 1.创建一个 WebSocket连接
export function connectSocket() {
  uni.connectSocket({
    // 后端提供的地址，http用ws，https用wss
	url:'ws://www.example.com/socket'
  });
}
// 2.监听WebSocket接受到服务器的消息事件
// (1).如果要在index.vue里面获取收到的消息
export function onSocketMessage() {
  return new Promise((resolve,reject) => {
	uni.onSocketMessage(function(res) {
	  console.log('收到服务器消息：' + res.data)
	  resolve(res.data)
	});
  })
}

// (2).如果要在这里直接全局弹窗弹出收到的消息
export function onSocketMessage() {
  // 监听WebSocket接受到服务器的消息事件
  uni.onSocketMessage(function(res) {
    uni.showModal({
	  title: '提示',
	  content: res.data,
	  success: function(res) {
		if (res.confirm) {
		  // console.log('用户点击确定');
		} else if (res.cancel) {
		  // console.log('用户点击取消');
		}
	  }
    });
  });
}

// 3.通过全局挂载的方法调用

// main.js
// webSocket.js整体导入
import * as webSocket from './webSocket.js'
// 全局挂载
Vue.prototype.$webSocket = webSocket


// index.vue
created() {
  this.$webSocket.connectSocket()
  this.$webSocket.onSocketMessage().then(res => {
	console.log('收到服务器消息',res);
  })
}

// 4.直接导入webSocket.js方法调用
// index.vue
import { connectSocket,onSocketMessage } from './webSocket.js'
export default {
  onShow() {
    connectSocket()
    onSocketMessage().then(res => {
	  console.log('收到服务器消息',res);
    })
  }
}