Node.js i socket.io | problem z chat'em

pytanie zadane 17 lutego 2018 w JavaScript przez Yashe Dyskutant (7,720 p.)

Witam.

Tworzyłem metodą czytaj i przepisz z ów poradnika: https://devcorner.pl/chat-node-js-socket-io-1/
Niestety jedyne co mi z tego wyszło, to: https://i.imgur.com/f6vFu7k.png

Dokładnie.. cały czas cmd ukazuje to co widać na screenie. Strona pod adresem localhost:3000 wyświetla się, lecz po wpisaniu czegokolwiek w formularzu i wysłaniu go, nic się nie dzieje.

Za każdą pomoc bardzo dziękuje

1 odpowiedź

odpowiedź 17 lutego 2018 przez szustka124 Gaduła (4,380 p.)
wybrane 17 lutego 2018 przez Yashe

Najlepsza

Bez kodu ciężko.

komentarz 17 lutego 2018 przez Yashe Dyskutant (7,720 p.)

Tutaj kod z pliku index.js

var express = require('express'),
  app = express(),
  server = require('http').createServer(app),
  io = require('socket.io').listen(server);
 
server.listen(process.env.PORT || 3000);
 
app.get('/',function(req,res){
  res.sendFile(__dirname+'/index.html');
});
 
 
io.sockets.on('connection', function (socket) {
 
   console.log("Socket connected.");
 
   socket.on('message', function(msg){
     io.emit('message', msg);
   });
  
});

Tutaj kod z pliku index.html

<!doctype html>
<html>
   <head>
      <title>Devcorner chat</title>
   <style>
 
      * { 
         margin: 0;
         padding: 0;
         box-sizing: border-box; 
      }
 
      body {
         font: 13px Helvetica, Arial;
      }
 
      form {
         background: #333;
         padding: 5px;
         position: fixed;
         bottom: 0;
         width: 100%;
      }
 
      form input {
         border: 0;
         padding: 10px;
         width: 90%;
         margin-right: .5%;
      }
 
      form button {
         width: 9.5%;
         background: #ccc;
         font-size: 12px;
         border: none;
         padding: 10px 0;
      }
 
      #messages {
         list-style-type: none;
         margin: 0;
         padding: 0;
      }
 
      #messages li {
         padding: 10px 12px;
         font-size: 14px;
      }
 
      #messages li:last-child {
         margin-bottom: 43px;
      }
 
      #messages li:nth-child(odd) {
         background: #ddd;
      }
 
      #messages li:nth-child(even) {
         background: #bbb;
      }
 
   </style>
</head>
 
<body>
   <ul id="messages"></ul>
 
   <form action="">
      <input id="msg" autocomplete="off" /><button>Wyslij</button>
   </form>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.socket.io/socket.io-1.3.7.js"></script>
<script>

var socket = io();
 
$('form').submit(function(){
   socket.emit('message', $('#msg').val());
   $('#msg').val('');
   return false;
});
 
socket.on('message', function(msg){
   $('#messages').append($('<li>').text(msg));
   $("html, body").scrollTop($(document).height());
});

</script>
</body>
</html>

A tutaj wygenerowane dependencies

{
  "name": "devcorner-chat",
  "version": "0.0.1",
  "description": "Devcorner chat",
  "dependencies": {
    "express": "^4.16.2",
    "socket.io": "^2.0.4"
  }
}

komentarz 17 lutego 2018 przez szustka124 Gaduła (4,380 p.)

Możliwe, że to przez starą wersję socket.io w przeglądarce. Albo podepnij nowszą z cdn, albo jest też możliwość podpięcia pliku, udostępnianego przez serwer lokalnie:

<script src="/socket.io/socket.io.js"></script>

Polecam bardziej tę drugą opcję.

komentarz 17 lutego 2018 przez Yashe Dyskutant (7,720 p.)

Dziękuje bardzo za pomoc, rzeczywiście banalna.. wystarczyło podpiąć nowszą wersję socket.io

Podobne pytania

Node.js i socket.io | problem z chat'em

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci