使用socket.io實現簡單的聊天功能

阿新 • • 發佈：2018-04-09

ins sock UNC say mes 輪詢 var document style

Socket.io實際上是WebSocket的父集，Socket.io封裝了WebSocket和輪詢等方法

首先得在你的項目中安裝socket.io

$ npm install socket.io

服務端代碼：

var app=require(‘http‘).createServer()
var io=require(‘socket.io‘)(app)
var PORT =5555;
var clientCount=0;

app.listen(PORT)

io.on(‘connection‘,function(socket){
    clientCount++
    socket.nickname 
=‘user‘+clientCount
    io.emit(‘enter‘,socket.nickname+‘ comes in‘)

    socket.on(‘message‘,function(str){
        io.emit(‘message‘,socket.nickname+‘ says: ‘+str)
    })

    socket.on(‘disconnect‘,function(){
        io.emit(‘leave‘,socket.nickname+‘ left‘)
    })
})

客戶端代碼：

<!DOCTYPE html>
<html>
<head>
    <mate charset=‘ 
utf-8‘ />
    <title>websocket</title>
    <script src="socket.io.js"></script>
</head>
<body>
    
    <h1>chat room</h1>
    <input type="text" id=‘sendtxt‘ />
    <button id=‘sendbtn‘>發送</button>
    <div id="recv"></div>
    <script type=" 
text/javascript">
        var socket=io("ws://localhost:5555/");

        function showMessage(str,type){
            var div=document.createElement(‘div‘);
            div.innerHTML=str;
            if(type==‘enter‘){
                div.style.color=‘blue‘;
            }else if(type==‘leave‘){
                div.style.color=‘red‘
            }
            document.body.appendChild(div);
        }

        document.getElementById(‘sendbtn‘).onclick=function(){
            var txt=document.getElementById("sendtxt").value;
            if(txt){
                socket.emit(‘message‘,txt);
            }
        }

        socket.on(‘enter‘,function(data){
            showMessage(data,‘enter‘)
        })

        socket.on(‘message‘,function(data){
            showMessage(data,‘message‘)
        })

        socket.on(‘leave‘,function(data){
            showMessage(data,‘leave‘)
        })
        
    </script>
</body>
</html>

來自慕課網課程：

https://www.imooc.com/learn/861

使用socket.io實現簡單的聊天功能

Socket.IO實現簡單聊天室

Socket.IO介紹官方文件 https://socket.io/docs/ Socket.io是一個跨瀏覽器支援WebSocket的實時通訊的JS。它不僅簡化了介面，使得操作更容易，而且對於那些不支援WebSocket的瀏覽器，會自動降為Ajax連線，最大限度地保證了相容性。它

使用socket.io實現簡單的聊天功能

ins sock UNC say mes 輪詢 var document style Socket.io實際上是WebSocket的父集，Socket.io封裝了WebSocket和輪詢等方法首先得在你的項目中安裝socket.io $ npm install sock

H5+MUI+Node.js+Socket.io實現即時聊天以及傳送+圖片壓縮+圖片預覽儲存

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,i

聊天室入門實戰（node，socket.io實現)--第一章（實現登入群聊功能）

這幾天花時間寫了一個聊天室的demo，實現了登入，使用者名稱檢測，群聊，單聊，圖片傳送等功能，這個系列部落格會分為幾章講解，由淺入深，逐步優化，章節間關聯性較大，建議從第一章開始閱讀。由於水平有限，有說的不對的地方還請各位大佬們留言指正。有不清楚的地方也可以留言提問。該部

用socket.io實現websocket的一個簡單例子

soc .html www sock 在線 ket log html 簡單例子 http://biyeah.iteye.com/blog/1295196 socket.io的介紹 http://www.cnblogs.com/mazg/p/5467960.html

WPF使用socket實現簡單聊天軟件

title poi utf program ces xaml sender ted static 公司網絡限制不能傳文件，先貼部分代碼項目結構： 1.解決方案 1.1. Client 1.2. Server Client: <Window

1024_(即時通訊)使用node.js和socket.io實現多人聊天室

使用node.js和socket.io實現多人聊天室 2015年01月24日 03:24:54 遠古大猛獁閱讀數：2775 轉自： http://www.cnblogs.com/flyoung2008/archive/2012/07/19/2600132.html

Socket程式設計-TCP實現簡單聊天程式

在System.net.Sockets的名稱空間中，TcpListener類與TcpClient類是兩個專門用於TCP協議程式設計的類，它們封裝了底層的套接字並分別提供了用Socket進行同步和非同步通訊的方法，降低了TCP應用程式設計的難度。在網路應用程式設計中，利用TCP協議編寫的程式

express + socket.io實現超簡易聊天室

什麼是socket.io socket.io是webSocket的一個封裝元件，實現雙向通訊，可以用這個來實現聊天室功能、線上小遊戲等等，是個有趣好玩的東西，博主就喜歡搗鼓這些實現聊天室思路聊天室就是要聊天嘛，就像打電話一樣，我這邊說話你那邊應該要馬上聽到，所以就需要用到雙向通訊，瀏覽器發

Java通過Socket來實現簡單多人聊天室

Socket可以實現網路上兩個程式通過雙向通道進行資料的交換，此外它是Java中網路TCP/IP協議的封裝，例如可以進行網路通訊等等，下面我們就來簡單寫一下多人聊天室。首先來分析一下要實現的流程首先建立一個伺服器端，構建ServerSocket並繫結埠建立sock

c# socket通訊實現簡單的視窗資訊互相傳送 (聊天室的deom)

這次使用socket來實現簡單的視窗資訊互相傳送首先我們建立一個伺服器端 services （winfrom檔案）這邊注意。你的ip地址和埠號可以命令建+r 開啟cmd 輸入ipconfig找到自己的ip地址每個人的ip地址都不一樣程式碼部

socket實現簡易聊天功能

最近在看網路程式設計這一塊小有收貨分享一哈希望可以幫到有需要的人編碼開始功能實現類如圖 client :主要模擬客戶端傳送訊息 server ：服務端 serverHandler ：服務端業務處理類 Test :測試類 1：首先開始寫 Se

Node.Js+Redis+Socket.IO 實現聊天室或推送訊息

基於Redis 推送，向Node.Js 推送訊息，Node.Js 把訊息推送給 Socket.IO(可以是WebSocket，也可以是long-Polling,由Socket.IO 封裝) 需要 Redis服務端，Node.Js需要 redis模組和Socket.IO模組

基於Node.js + socket.io實現WebSocket的聊天DEMO

原文摘自我的前端部落格，歡迎大家來訪問簡介最近看Node.js和HTML5，練手了一個簡易版的聊天DEMO，娛樂一下為什麼需要socket.io？ node.js提供了高效的服務端執行環境，但是由於瀏覽器端對HTML5的支援不一，為了相容所有瀏覽器，提供卓越

Python socket實現簡單聊天室

服務端使用了select模組，實現了對多個socket的監控。客戶端由於select在Windows下只能對socket使用，所以使用了多執行緒來實現對客戶端輸入和socket連線的同時監控。注意這裡的

nodejs+socket.io實現資料推送功能

1.安裝express 在資料夾mypro路徑下的cmd視窗執行“npm install express –save” 2.新增檔案app.js到mypro資料夾 /app.js var app = require('express')(); var

C# Socket程式設計實現簡單的區域網聊天器

[TOC] ## 前言最近在學習C# Socket相關的知識，學習之餘，動手做了一個簡單的區域網聊天器。有萌生做這個的想法，主要是由於之前家裡兩臺電腦之間想要傳輸檔案十分麻煩，需要藉助QQ，微信或者其他第三方應用，基本都要登入，而且可能傳輸的檔案還有大小限制，壓縮問題。所以本聊天器的首要目標就是解決這兩個問

IO、NIO實現簡單聊天室，附帶問題解析

> 本篇文章主要使用IO和NIO的形式來實現一個簡單的聊天室，並且說明IO方法存在的問題，而NIO又是如何解決的。 > > 大概的框架為，先提供思路和大概框架圖——程式碼——問題及解決方式，這樣會容易看一點。 # 1. IO寫法 ## 1.1 思路框架

Shell 實現簡單計算器功能

shell 計算器Shell 實現簡單計算器功能，腳本如下：[[email protected]/* */ scripts]# cat jisuan.sh #!/bin/bash print_usage(){ printf $"USAGE:$0 NUM1 {+|-|*|/} NUM2\n"

SSH 項目中使用websocket 實現網頁聊天功能

發送 ref asi action 監聽器 remote static scrollto 連接參考文章 :java使用websocket，並且獲取HttpSession，源碼分析 http://www.cnblogs.com/zhuxiaojie/p/623882

使用socket.io實現簡單的聊天功能

相關推薦