Estoy trabajando en esta aplicación de chat y obviamente no tengo idea de cómo hacer esto, pero no tengo los conceptos básicos, como hice la conexión entre mi aplicación y mysql db y obtuve los datos, pero creo que lo necesitaré. para hacer que la base de datos sea una base de datos en tiempo real que, de nuevo, no tengo idea de cómo hacerlo, ¿alguna ayuda con esa parte? también nuevo en aleteo :)
https://flutter.dev/docs/cookbook/networking/web-sockets usa este tutorial. También busque en el concepto de enchufes. Tenga en cuenta que cuando cree una aplicación de chat, también debe tener en cuenta la privacidad y la seguridad.
Conéctese a un servidor WebSocket.
El paquete web_socket_channel proporciona las herramientas que necesita para conectarse a un servidor WebSocket. El paquete proporciona un WebSocketChannel que le permite escuchar mensajes del servidor y enviar mensajes al servidor.
En Flutter, usa la siguiente línea para crear un WebSocketChannel que se conecte a un servidor:
final channel = WebSocketChannel.connect( Uri.parse('wss://echo.websocket.org'), );Escuche los mensajes del servidor.
Ahora que ha establecido una conexión, escuche los mensajes del servidor. Después de enviar un mensaje al servidor de prueba, devuelve el mismo mensaje. En este ejemplo, utilice un widget de
StreamBuilderpara detectar mensajes nuevos y un widget de texto para mostrarlos.StreamBuilder( stream: channel.stream, builder: (context, snapshot) { return Text(snapshot.hasData ? '${snapshot.data}' : ''); }, )Enviar datos al servidor.
Para enviar datos al servidor,
add()mensajes al receptor proporcionado por WebSocketChannel.channel.sink.add('Hello!');Cierre la conexión WebSocket.
Una vez que haya terminado de usar el WebSocket, cierre la conexión:
channel.sink.close();
Echa un vistazo a Askless , simplifica la creación de aplicaciones Flutter en tiempo real utilizando cualquier base de datos.
Desarrollé este paquete con el objetivo de simplificar el uso de websocket. La biblioteca volverá a enviar automáticamente los datos al servidor si el cliente pierde la conexión, además tiene otros beneficios . El lado del servidor de Askless debe codificarse en JavaScript/TypeScript.
El Cliente Flutter podrá escuchar actualizaciones en tiempo real utilizando MySQL u otras bases de datos, como:
//other widgets... AsklessClient.instance .listenAndBuild( route: 'allProducts', builder: (context, snapshot) { if(!snapshot.hasData) return Container(); final listOfProductsNames = (snapshot.data as List) .map((product) => Text(product['name'])).toList(); return Column( children: listOfProductsNames, ); } ), //other widgets...También tiene un soporte de cliente JavaScript/TypeScript que se puede combinar con Flutter si, por ejemplo, hay una versión web de su aplicación que usa React u otro marco SPA.