70 lines
2.4 KiB
Markdown
70 lines
2.4 KiB
Markdown
---
|
|
id: 589fc831f9fc0f352b528e76
|
|
title: Gestire una disconnessione
|
|
challengeType: 2
|
|
forumTopicId: 301552
|
|
dashedName: handle-a-disconnect
|
|
---
|
|
|
|
# --description--
|
|
|
|
Potresti notare che fino a questo momento hai solo incremementato il numero degli utenti. Gestire la disconnessione di un utente è semplice come gestire la connessione iniziale, solo che si deve mettersi in ascolto per essa su ogni socket invece che su tutto il server.
|
|
|
|
Per fare questo, aggiungi un altro listener all'interno del listener `'connect'` esistente, in modo che attenda un evento `'disconnect'` sul socket (senza alcun passaggio di dati). È possibile testare questa funzionalità semplicemente scrivendo nella console che un utente si è disconnesso.
|
|
|
|
```js
|
|
socket.on('disconnect', () => {
|
|
/*anything you want to do on disconnect*/
|
|
});
|
|
```
|
|
|
|
Per assicurarti che i client continuino ad avere il numero aggiornato degli utenti connessi, quando avviene una disconnessione dovresti diminuire currentUsers di 1 e emettere l'evento 'user count' con il conteggio aggiornato!
|
|
|
|
**Nota:** Proprio come `'disconnect'`, tutti gli altri eventi che un socket può emettere sul server devono essere gestiti all'interno del listener di connessione dove abbiamo definito 'socket'.
|
|
|
|
Invia la tua pagina quando pensi di averlo fatto correttamente. Se dovessi incontrare degli errori, puoi controllare il progetto completato fino a questo punto [qui](https://gist.github.com/camperbot/ab1007b76069884fb45b215d3c4496fa).
|
|
|
|
# --hints--
|
|
|
|
Il server deve gestire l'evento di disconnessione da un socket.
|
|
|
|
```js
|
|
(getUserInput) =>
|
|
$.get(getUserInput('url') + '/_api/server.js').then(
|
|
(data) => {
|
|
assert.match(data, /socket.on.*('|")disconnect('|")/gi, '');
|
|
},
|
|
(xhr) => {
|
|
throw new Error(xhr.statusText);
|
|
}
|
|
);
|
|
```
|
|
|
|
Il tuo client dovrebbe essere in ascolto per eventi di tipo 'user count'.
|
|
|
|
```js
|
|
(getUserInput) =>
|
|
$.get(getUserInput('url') + '/public/client.js').then(
|
|
(data) => {
|
|
assert.match(
|
|
data,
|
|
/socket.on.*('|")user count('|")/gi,
|
|
'Your client should be connection to server with the connection defined as socket'
|
|
);
|
|
},
|
|
(xhr) => {
|
|
throw new Error(xhr.statusText);
|
|
}
|
|
);
|
|
```
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
/**
|
|
Backend challenges don't need solutions,
|
|
because they would need to be tested against a full working project.
|
|
Please check our contributing guidelines to learn more.
|
|
*/
|
|
```
|