我如何使用带有Flutter web的套接字

Question

我正在尝试在使用ocketio用Python编写的套接字服务器与使用Flutter Web制作的客户端之间建立连接。

我测试了各种套接字包，如adhara_socket_io和flutter_socket_io，但都不起作用。我在Android上尝试了相同的代码片段，但它们也不起作用。

我继续搜索，找到了这个代码片段。它使用dart.io包中的Socket类。

Socket socket = await Socket.connect('192.168.2.190', 7003);

    print('connected');

    // listen to the received data event stream
    socket.listen((List<int> event) {
      print(utf8.decode(event));
    });

    // send hello
    socket.add(utf8.encode('hello'));

    // wait 5 seconds
    await Future.delayed(Duration(seconds: 5));

    // .. and close the socket
    socket.close();

这个连接到Python服务器，并从Android发送数据，但当我从Web测试它时，我没有连接。

是否有一些额外的东西，我需要添加它在Web上工作？

或者在最坏的情况下，是否有其他方法来做我想做的事情，我的目标是在网站上显示视频源。视频实际上是从Python中拍摄的一组图像，有一些机器学习将在它们上执行，我想将它们发送到socket，每个图像一收到就显示出来，因此看起来像一个视频源。（使用React进行了类似的操作）

Answer 1

飞镖。io软件包与flutter web不兼容。我想，正如pskink所建议的那样，WebSocket是一条出路。您可以使用web_socket_channel包中的＜code＞HtmlWebSocketChannel

在您的情况下，应该使用以下内容。

var channel = HtmlWebSocketChannel.connect("ws://192.168.2.190:7003");

但请注意，这不能与常规flutter应用程序互操作。如果您的目标是同时针对android和flutter web，那么您应该根据您正在构建的目标有条件地处理此通道创建，并在HtmlWebSocketChannel或IOWebSocketChannel之间做出决定来创建连接。如果您有兴趣，您可以使用本文*中建议的基于条件存根的实现。

*注意:这是我的帖子。:)