node.js - 将 Flutter 连接到本地 Nodejs 套接字服务器

Question

我正在从我的应用程序中开发一个聊天部分，并使用 Node js 和 socket.io 编写了一个基本的套接字服务器。

我通过此网站测试了此 API:https://www.websocket.org/echo.html

这是一些源代码:

  var server = require('http').Server(app)
  var io = require('socket.io')(server);

  app.use(bodyParser.urlencoded({
    extended: true,
    limit: '50mb',
  })); 
  app.use(bodyParser.json());
  app.use("/f",express.static(__dirname+"/files"));
  app.use('/api', listenRoutes);


  io.on('connection', function(socket){
    console.log('a user connected');
    socket.on('disconnect', function(){
      console.log('user disconnected');
    });
  });

  server.listen(port);


  console.log('Bukalemun RESTful API server started on: ' + port);

我的 API 服务于 http://localhost:3000

但是，我无法将此 API 连接到我的 flutter 应用程序。我使用了各种类型的包，包括原始的 dart.io，但从未成功。

这是连接我的 API 的函数:

import 'dart:io';

  void setupSocketConnections() async {

    Socket socket = await Socket.connect('10.0.2.2', 3000);

    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();

  } 

如果有任何建议，我将不胜感激。

Answer 1

尝试使用这个，您可能已经使用了一些带有套接字的 header 。

'transports': ['websocket', 'polling']

在 pubspec.yaml 中使用此依赖项

[socket_io_client: ^0.9.7+2][1]

我们将使用此代码在您的 flutter 应用程序中进行连接。

connectToSocket() {
socket = IO.io("http://your url/", <String, dynamic>{
  'transports': ['websocket', 'polling'],
});
socket.connect();

}

希望它对您有用!它对我有用。