WebSockets（使用Socket.io）教程＃4-发出消息

嗨，帮派，在此网络套接字教程中，我将向您展示如何发出消息（均来自客户端和服务器），然后接收消息（均在客户端和服务器上）。这样，我们就可以开始充实我们的聊天应用程序了：）

—–课程链接：
+回购-https://github.com/iamshaunjp/websockets-playlist
+ Atom编辑器-https://atom.io/a
+下载节点-https://nodejs.org/en/
+ Socket.io-https://socket.io
————————————————– ——————————————-
相关教程：

—– NODE.JS教程

—–订阅频道-https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

==============网络忍者=====================

有关更多的前端开发教程并精通您的编码技能，请访问-https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg或http://thenetninja.co.uk

==================社交链接==================

Twitter-@TheNetNinja-https://twitter.com/thenetninjauk

websocket

43 comments

Umar Yusuf说道：

2020年5月17日下午6:29

11:22 instead of using the pluses can u use `<p><strong>${data.handle}<strong><p>` ??
Madhan说道：

2020年5月17日下午6:29

Hi I hav an error Get socket.io?EIO=3TRANSOORT…..404 while hosting in cpanel..
Arpit jain说道：

2020年5月17日下午6:29

but what if we don't want to broadcast the message, just private chat..?
Lumpy Monkey说道：

2020年5月17日下午6:29

I tried different tutorials to get into making servers with nodejs and I actually worked on nodejs servers in my previous job and this tutorial still opened my eyes for a lot of things. It is the first time I think I really understand how to do it.
a1cswiz1611说道：

2020年5月17日下午6:29

So once that is all complete, how would you embed that into a website on WordPress?
Salko Hajrić说道：

2020年5月17日下午6:29

What i need to change in order for this to work on actually site, what i need to put on site and where should i put it on site?
Oleks G说道：

2020年5月17日下午6:29

how can u change a global variable in the socket.on event listener?
Gaurav Borade说道：

2020年5月17日下午6:29

great tutorial… btw
from where i get the code? in repo i cant find it
Joost说道：

2020年5月17日下午6:29

Never took the trouble to comment on a video before but dang. These videos are some other quality than any video I have ever seen, my compliments and keep up the good work!
Manuel Lukas说道：

2020年5月17日下午6:29

Made an account just to be able to comment. Amazing tutorial man! Great structure and good and easy to understand explanations. Quality Content! Keep it up man. Subscribed!
47J17p29 X说道：

2020年5月17日下午6:29

How do you get the CSS code for the style
Abhinandan Tiwari说道：

2020年5月17日下午6:29

Hi,
I tried your code, now I am trying to deploy it, but it's not happening,
I already made the io.connect('from localHost to deployed link')
what to do any suggestions ??
and please response asap.
Thomas Peter说道：

2020年5月17日下午6:29

nodemon is consoling socket.on is not a function
Francisco Calderón说道：

2020年5月17日下午6:29

Great tutorial, I saw in another of your videos you talked about events nodejs module, which would be the difference between the event Emitter and socket.io?

Thanks
Jos Bouma说道：

2020年5月17日下午6:29

You might wan't to put form elements in an actual form, some browser don't render form elements outside a form.
Antonio Olivares说道：

2020年5月17日下午6:29

use this, its more recent: https://socket.io/get-started/chat
Antonio Olivares说道：

2020年5月17日下午6:29

code doesnt work, its outdated
There will be blood说道：

2020年5月17日下午6:29

Can you define what is io and what is socket??
Kerem Yılmaz说道：

2020年5月17日下午6:29

Thank you 😀
Josh Stovall说道：

2020年5月17日下午6:29

Thank you so much.
You sir are a gentleman and a scholar.
xof说道：

2020年5月17日下午6:29

Thank You
Metta WorldDroid说道：

2020年5月17日下午6:29

I feel like I should be paying this dude…
Bitrey说道：

2020年5月17日下午6:29

You are AMAZING! You're so good at explaining things, and I can't be thankful enough that you made this series available for free on YouTube!
FxStreamer说道：

2020年5月17日下午6:29

is it the best way? what if the link of socket.io changes or someone mess with it or put a virus in it? why not hard coding whatever is inside the socket.io.js into the browser? I assume nobody refers to a link in a real application
Aman Srivastava说道：

2020年5月17日下午6:29

It's weird but the thought comes to mind that a company was sold for $ 19.2B which essentially provides superior chat messaging experience and is based on a technology which in bare bones elementary level is as simple as this 14 min video.
Vardhaan Raj Singh说道：

2020年5月17日下午6:29

Sir …. I've successfully established the connection and all my codes on client as well as on server is same as yours … inspite of that I'm not able to display messages..
Plzzz help me out
Karan Gaur说道：

2020年5月17日下午6:29

Bro, I seriously appreciate your work. It has been awesome and thanks a lot. If only there were people who could explain as good as you.
Michael Gibbons说道：

2020年5月17日下午6:29

So you double checked for errors and it's still not working? In chat.js, change var socket = io.connect('http://localhost/4000); to var socket = io();
Potassium Yttrium Sulfur说道：

2020年5月17日下午6:29

OMG you are amazing
The Hammer And Sickle说道：

2020年5月17日下午6:29

When I spent half an hour looking for my mistake in my code, and realized my innerHTML was capitalized…
Adarsh P B说道：

2020年5月17日下午6:29

woooo?
Christian Francia说道：

2020年5月17日下午6:29

@4:35 not that it matters, but, after line 5 the rest of the variables are declared globally. The reason is because after the 'message' you closed it with a semicolon and the rest of them aren't declared with var, let, or const, so they are placed globally (as you know sean). But for this small app it doesn't really matter.
mohammad zeeshan说道：

2020年5月17日下午6:29

very nice. superb. @Pawel Rafalko 's comment is important too
Андрей Потапов说道：

2020年5月17日下午6:29

Please say. What font do you use?
knittycatkitty说道：

2020年5月17日下午6:29

this is so well broken down, thank you
Just Chris说道：

2020年5月17日下午6:29

Who disliked this video? 5 people, huh?? why? he teaches it way better than almost all videos i've come across.
itasahobby说道：

2020年5月17日下午6:29

Followed the same code and the button didn't work but did the following debug:
1) Console.log inside the button worked
2) Could Access the DOM.value content
3) Considering those points the problema had to be in the socketio methods/functions
4) I researched a little bit in the documentation of socket.io and what realized is they use "var socket = io();" instead of "var socket = io.connect('http://localhost/…);". With that change started working for me.Also changing in the server configuratio "io.socket.emit(…)" to "io.emit(…);" as most comments suggested.
Tone DeaF说道：

2020年5月17日下午6:29

As a french, I feel like I hear Tyson Fury who talk about socket.io 🙂
By the way, nice job, thx !
Saosinn说道：

2020年5月17日下午6:29

Man I was struggling so hard with all this socket data stuff and then i bumped into your tutorial. Thanks a lot you really explained it clearly here!
Iskender Chinaliev说道：

2020年5月17日下午6:29

Thanks a lot for an amazing tutorials!
Boshii J说道：

2020年5月17日下午6:29

This was the "Ah-Ha" video
cameron strange说道：

2020年5月17日下午6:29

For those who encountered a problem with a message not showing in the div, try to change the port number from 4000 to 4001 or something else, and type again in the cmder "nodemon index", worked for me
John Edward Bautista说道：

2020年5月17日下午6:29

where is the source code?

Comments are closed.