Electron et socket.io

Version imprimable

09/09/2016, 10h03
DeepSiderZ

Electron et socket.io

Bonjour a tous,

Je viens demandez votre aide concernant un petit projet que j'ai.

Je voudrai créer un petit jeu de type clicker en version web et desktop. Celui ci sera multijoueur.

Pour réaliser mon jeu j'ai donc deux partie distinctes, un serveur et un client.

Pour le serveur je me suis tourné vers nodejs car j'ai déjà eu l'occasion de l'utiliser et cela me permettra d'approfondir mes connaissances dans cette techno.

Pour communiquer avec le client j'ai choisi socket.io. Je n'ai encore jamais utiliser socket.io mais la doc sur le site officiel a l'air bien et il existe des tonnes de tuto sur le net de toute manière.

Comme je l'ai dit plus haut, j'aimerai que mon jeu soit accessible dans le navigateur et en desktop aussi c'est pour ca que j'ai décidé d'utiliser le framework electron.

Bon maintenant venons en au problème. J'essaye de créer une simple connexion client/server qui afficherai "un client s'est connecté" sur ma console serveur quand j'ouvre un client.

Le code serveur est classique mais le problème vient d'electron. Je n'arrive pas a utiliser socket.io dans ma page html ! j'ai essayé tout ce qui était possible de trouver sur le web mais j'ai toujours une erreur comme quoi io() ou require('socket.io-client') ne sont pas reconnu ...

Du coup j'aimerai savoir si vous aviez une solution ?

Merci pour votre aide !
09/09/2016, 21h55
melka one

jour

pour moi socket.io est utile si le code doit fonctionné avec des navigateurs ne supportant pas les web socket c'est le cas pour les anciennes version de ie mais si c'est pas une obligation je conseille plutot ws qui de point de vue est plus simple d'emploi associé avec express qui a une communauté tres actif
10/09/2016, 12h56
SylvainPV

Et si tu nous montrais ton code client ?

Salut ! Désolé pour ma réponse tardive, pas eu beaucoup de temps !

Alors je vais vous montrer tous les codes que j'ai essayé ainsi que les erreurs qu'ils engendrent.

1ere tentative :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
    <meta charset="UTF-8">
    <title>electron chat</title>
</head>
 
<body>
    Content of the document......
 
    <script>
        var socket = require('socket.io-client')('http://localhost:3000');
    </script>
</body>
 
</html>

Donne comme erreur :

Code:

1
2
 
module.js:442 Uncaught Error: Cannot find module 'socket.io-client'

2eme tentative :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
    <meta charset="UTF-8">
    <title>electron chat</title>
</head>
 
<body>
    <h1>Communication avec socket.io !</h1>
 
    <script src="/socket.io/socket.io.js"></script>
    <script>
    var socket = io.connect('http://localhost:8080');
    </script>
</body>
 
</html>

Donne comme erreur :

Code:

1
2
3
 
Failed to load resource: net::ERR_FILE_NOT_FOUND index.html:14
Uncaught ReferenceError: io is not defined

Si je ne trouve pas de solution je regarderai du côté de web socket comme me le suggère melka one (j'ai pris socket.io car je ne connaissais que ça de nom ^^)

Merci !

22/09/2016, 12h03
SylvainPV

On dirait qu'il n'arrive pas à récupérer le script socket.io depuis leur site. Peut-être une restriction de sécurité d'electron. Que donne la vue Network dans les developer tools de la webview ? Tu auras davantage d'infos sur l'erreur de la requête.