webSocket 初始化

在前端使用 WebSocket 进行通信时，需要初始化一个 WebSocket 对象。可以通过以下方式完成：

// 创建 WebSocket 对象
const socket = new WebSocket('ws://localhost:8080');

// 监听 WebSocket 连接成功事件
socket.addEventListener('open', event => {
  console.log('WebSocket 连接成功！');
});

// 监听 WebSocket 接收到消息事件
socket.addEventListener('message', event => {
  console.log('接收到消息:', event.data);
});

// 监听 WebSocket 连接关闭事件
socket.addEventListener('close', event => {
  console.log('WebSocket 连接关闭！');
});

其中，参数 `'ws://localhost:8080'` 是 WebSocket 服务器的地址。在连接成功后，可以通过 `socket.send()` 方法向服务器发送消息。在接收到服务器发送的消息时，会触发 `message` 事件，可以通过 `event.data` 获取消息内容。在连接关闭后，可以重新调用 `socket.close()` 方法关闭连接。

相关问题

uniapp 安卓移动端中 用户首次打开app时显示登录页，登录成功后进行websocket初始化长链，并通过store存储token等登录信息。用户再次登录时判断登录是否过期，过期则重新登录，用代码如何实现

可以通过以下步骤实现：

1. 在 App.vue 中的 created() 钩子函数中判断用户是否已经登录，如果已登录，则进行 websocket 初始化长链，并存储 token 等登录信息到 store 中。如果未登录，则跳转到登录页。

2. 在登录页中，用户输入账号密码后进行登录操作，登录成功后将 token 等登录信息存储到 store 中，并跳转到主页。

3. 在主页中，判断用户是否已经登录。如果已登录，则进行 websocket 初始化长链。如果未登录，则跳转到登录页。

4. 在 store 中存储 token 和登录状态信息，并设置过期时间。

5. 在路由导航守卫中判断用户是否已经登录，并且判断登录是否过期。如果未登录或者登录已过期，则跳转到登录页。

下面是一个简单的实现示例：

// App.vue
export default {
  created() {
    // 判断用户是否已经登录
    if (store.getters.isLoggedIn) {
      // 进行 websocket 初始化长链
      initWebSocket()
    } else {
      // 跳转到登录页
      this.$router.push('/login')
    }
  }
}

// Login.vue
export default {
  methods: {
    login() {
      // 登录成功后存储 token 和登录状态信息到 store 中
      store.dispatch('login', { token: 'xxx', expire: 3600 })
      // 跳转到主页
      this.$router.push('/')
    }
  }
}

// main.js
router.beforeEach((to, from, next) => {
  // 判断用户是否已经登录，并且判断登录是否过期
  if (to.matched.some(record => record.meta.requiresAuth)) {
    if (store.getters.isLoggedIn && !store.getters.isTokenExpired) {
      next()
      return
    }
    // 跳转到登录页
    next('/login')
  } else {
    next()
  }
})

其中，`initWebSocket()` 函数是用来进行 websocket 初始化长链的，`store.getters.isLoggedIn` 和 `store.getters.isTokenExpired` 分别是用来判断用户是否已经登录和登录是否过期的 getter 函数。`store.dispatch('login', { token: 'xxx', expire: 3600 })` 是用来存储 token 和登录状态信息到 store 中的 action 函数。在实际应用中，需要根据具体情况进行修改和完善。

QWebSocket 初始化

在使用 Qt 框架中的 QWebSocket 类进行 WebSocket 通信时，需要进行初始化。具体步骤如下：

1. 引入 QWebSocket 头文件：

#include <QtWebSockets/QWebSocket>

2. 创建 QWebSocket 对象：

QWebSocket *webSocket = new QWebSocket();

3. 连接信号和槽：

connect(webSocket, &QWebSocket::connected, this, &MyClass::onConnected);
connect(webSocket, &QWebSocket::disconnected, this, &MyClass::onDisconnected);
connect(webSocket, &QWebSocket::textMessageReceived, this, &MyClass::onTextMessageReceived);

这里我们连接了三个信号：

- connected：表示 WebSocket 已经连接成功。
- disconnected：表示 WebSocket 断开连接。
- textMessageReceived：表示 WebSocket 接收到文本消息。

这些信号将会触发相应的槽函数进行处理。

4. 连接 WebSocket 服务器：

QString url = "ws://localhost:1234";
webSocket->open(QUrl(url));

这里我们连接了一个 WebSocket 服务器，地址为 ws://localhost:1234。

以上就是 QWebSocket 的初始化过程。当连接成功后，可以通过 sendTextMessage() 函数向服务器发送文本消息，也可以通过 close() 函数来关闭 WebSocket 连接。