如何在颤振 websockets 中提及通道和事件名称

时间:2021-04-20 15:00:37

标签: android laravel flutter dart websocket

代码

import 'package:flutter/foundation.dart';
import 'package:web_socket_channel/io.dart';
import 'package:flutter/material.dart';
import 'package:web_socket_channel/web_socket_channel.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final title = 'WebSocket Demo';
    return MaterialApp(
      title: title,
      home: MyHomePage(
        title: title,
        channel: IOWebSocketChannel.connect('ws://192.168.0.164:6001/app/KEY'),
      ),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;
  final WebSocketChannel channel;

  MyHomePage({Key key, @required this.title, @required this.channel}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Padding(
        padding: const EdgeInsets.all(20.0),
        child: StreamBuilder(
          stream: widget.channel.stream,
          builder: (context, snapshot) {

            if(snapshot.hasError)
               print(snapshot.error);
            else {
              widget.channel.sink.add("123");
              print("XXX : ${snapshot.data}");
            }

            return Padding(
              padding: const EdgeInsets.symmetric(vertical: 24.0),
              child: Text(snapshot.hasData ? '${snapshot.data}' : ''),
            );
          },
        ),
      ),
    );
  }

  @override
  void dispose() {
    widget.channel.sink.close();
    super.dispose();
  }
}

打印语句的输出是

XXX : {"event":"pusher:connection_builted","data":"{"socket_id":"943971557.707744157","activity_timeout":30}"}

它不会获取刷新的数据,因为我的 Laravel 后端没有提到事件和频道。有没有可以提及的方法,或者我在其他地方弄错了?

0 个答案:

没有答案