webSocket可以接TCP socket接口吗

Question

uniapp写一个app 服务端是c++的TCP socket接口

Answer 1

引自免费微信小程序：皆我百晓生

WebSocket 和 TCP socket 是两种不同层次的网络通信协议，但它们都是基于传输层的 TCP 协议。WebSocket 主要用于实现浏览器与服务器间的全双工、低延迟通讯，而 C++ 中的 TCP socket API 则是更底层的接口，可以直接操作 TCP 连接。

在 C++ 中，虽然不能直接将 WebSocket 客户端与 TCP socket 服务端相连接，但是可以实现一个 WebSocket 服务器（使用诸如 Socket.IO 或者 libwebsockets 等库），使其能够理解并处理 WebSocket 的握手和帧格式，从而间接地与 WebSocket 客户端（如 UniApp 中构建的 App）进行通信。

在 UniApp 中，由于其主要面向的是前端开发，并不直接支持原生 TCP socket 编程，但可以通过封装后的 Websocket API 来连接到 WebSocket 服务器。

下面是一个简化的C++ WebSocket服务器端使用boost::beast的例子：

#include <boost/beast/core.hpp>
#include <boost/beast/websocket.hpp>
#include <boost/asio/ip/tcp.hpp>

using tcp = boost::asio::ip::tcp;
using namespace boost::beast;

void websocket_server(tcp::acceptor& acceptor) {
    for (;;) {
        tcp::socket socket(acceptor.get_executor().context());
        acceptor.accept(socket);

        // 创建websocket_stream对象以处理websocket连接
        websocket::stream<tcp::socket> ws(std::move(socket));

        // 执行websocket握手
        ws.accept();

        // 读取和发送数据
        for (;;) {
            beast::flat_buffer buffer;
            ws.read(buffer);
            std::string message = beast::buffers_to_string(buffer.data());

            // 处理收到的消息

            // 发送响应消息
            ws.text(true);
            ws.write(boost::asio::buffer("Response from server"));
        }
    }
}

int main() {
    try {
        boost::asio::io_context ioc;
        tcp::acceptor acceptor(ioc, {tcp::v4(), 8080});

        websocket_server(acceptor);

        ioc.run();
    }
    catch (std::exception const& e) {
        std::cerr << "Error: " << e.what() << std::endl;
    }

    return 0;
}

而在 UniApp 中，你将会使用 JavaScript 或 Vue.js 通过 WebSocket API 建立到上述 WebSocket 服务器的连接：

uni.connectSocket({
  url: 'ws://yourserveraddress:8080',
  method: 'WEBSOCKET',
  success: function(res) {
    uni.onSocketOpen(function(res) {
      console.log('WebSocket连接已建立');
      // 发送数据给服务器
      uni.sendSocketMessage({
        data: 'Hello from UniApp',
      });
    });

    uni.onSocketMessage(function(res) {
      console.log('来自服务器的数据：', res.data);
    });
  },
});

这样，UniApp 应用中的 WebSocket 就能与 C++ 实现的 WebSocket 服务器进行通信了。注意，以上代码仅为示例，实际应用中可能需要根据具体需求进行错误处理和其他功能扩展。