Tengo una aplicación, que está integrada en axios, solo PUT, POST, DELETE, GET en mente. que se parece a esto
getAPI = axios.create(.....) .... getAPI.post('signup/', {email, password}) .then(res => { /// return some res }) .catch(err => { /// some error is show if not succeed }) }y también va o "publicar/", "cerrar sesión/", "registrarse/" con diferentes métodos. Más tarde descubrí que, para realizar acciones de publicación en tiempo real en el lado del cliente, necesitamos usar websocket. Así que usé socket.io. Ya he configurado el servidor y el cliente.
En una conexión de socket de servidor como esta
io.on('connection', socket => { console.log('User is connected on socket'); socket.on('disconnect', () => console.log('disconnected')); })y en la conexión del cliente, busqué tutoriales y usé contextAPI, y pasé a todos los componentes. en mi componente específico, donde tengo una publicación de usuario y se muestra una publicación de usuario, he puesto un código como este
const {socket} = useContext(AuthContext); useEffect(() => { socket.on("connect", () => { console.log("client connected") }) return ()=> socket.disconnect() })Ahora, ¿cómo puedo usar los de la solicitud de axios con errores de captura pero con socket.io? Me parece muy difícil usar socket.io integrándose con axios. Aunque no necesito usar socket en la autenticación. Pero necesito usarlo en la solicitud "/ publicar".
Publicar desde el cliente al servidor fue fácil gracias a axios.POST.then().catch(), axios.GET ..... pero estoy confundido al integrar esas cosas de axios en el socket del cliente.
También en el backend, tengo rutas como estas
router.get('/logout', logout) router.post('/post/create', post)con cada manejador como estos
exports.postCreate = (req, res) => { let post = new Post(req.body) post.save((err, post) => { if(err){ return res.status(400).json({error: "Error"}) } return res.json(post) }) }pero si quiero usar socket.io, ¿qué debo hacer? Estoy muy confundido por los documentos de socket.io, que no se muestran para manejar las cosas.
Si tienes idea de estas cosas, por favor respondeme Gracias por tu respuesta
Socket.io mantiene vivas sus conexiones. Con el fin de manejar los errores. Necesitarás escuchar eventos. Por ejemplo: Manejo de errores de conexión :
socket.on("connect_error", (error) => { // ... });Manejo de errores de desconexión :
socket.on("disconnect", (reason) => { if (reason === "io server disconnect") { // the disconnection was initiated by the server, you need to reconnect manually socket.connect(); } // else the socket will automatically try to reconnect });Si desea asegurarse de que su lado del servidor manejó su solicitud y necesita confirmación, puede usar la función opcional 'ack' como esta :
// client side socket.emit("ferret", "tobi", (data) => { console.log(data); // data will be "woot" }); // server side: io.on("connection", (socket) => { socket.on("ferret", (name, fn) => { fn("woot"); }); });