node.js 用socket實現聊天

stdying 發布于2019-08-21 17:03 / 1073人閱讀

摘要：用實現聊天服務器搭建創建一個服務監聽服務端口服務端已經啟動請訪問客戶端服務搭建與服務端通信我們要建立服務端請求連接斷開連接客戶端建立連接客戶端向服務端發送請求觸發事件接收客戶端的信息將服務端的數據廣播到客戶端去客戶端接收服務

node.js 用socket實現聊天 服務器搭建

app.js

const http = require("http");
const express = require("./express");

//創建一個服務
const server = http.createServer(express);

//監聽服務端口
server.listen(8001,()=>{
    console.log("服務端已經啟動,請訪問 http://localhost:8001");
});

express.js

const url=require("url");
const fs=require("fs");

function express(req,res){
    var urlObj=url.parse(req.url);
    //console.log(urlObj);

    var filePath="./www"+urlObj.pathname;
    var content="not found";
    if(fs.existsSync(filePath)){
        content=fs.readFileSync(filePath);
    }
    
    res.end(content.toString());
}


module.exports=express;

index.html



    
      
        Socket.IO chat

客戶端服務搭建與服務端通信

我們要建立服務端socket請求連接

io.on("connection", function(socket){
    console.log("a user connected");

    //斷開連接
    socket.on("disconnect", function(){
        console.log("user disconnected");
    });
});

index.js

//客戶端建立連接 
var socket = io();

客戶端向服務端發送請求

index.js

$("form").submit(function(){
    //觸發事件
    socket.emit("chat message", $("#m").val());
    $("#m").val("");
    return false;
  });

app.js

//接收客戶端的信息
socket.on("chat message", function(msg){
    console.log("message: " + msg);
});

將服務端的數據廣播到客戶端去

socket.on("chat message", function(msg){
        console.log("message: " + msg);

        socket.broadcast.emit("clientE",msg);
    });

客戶端接收服務端廣播出來的數據

socket.on("clientE", function(msg){
    $("#messages").append($("").text(msg));
});

GPU云服務器云服務器用php實現聊天功能用webrtc實現聊天的代碼事例 socket聊天 socket聊天室

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89072.html

手把手教你擼一個網頁聊天室

摘要：前端邏輯搞定之后，思考一下這個聊天室的交互是怎么實現的。在前端監聽一個事件，這個事件的觸發條件是成功和服務端建立連接。攜帶一個參數，即用戶的輸入。別人發送的消息現在就需要在前端建立一個響應服務端有新消息的監聽事件了。一些廢話:) 最近在學校比較閑，終于有這么一塊時間可以自由支配了，所以內心還是十分的酸爽舒暢的。當然了，罪惡的事情也是有的，比如已經連續一周沒有吃早飯了，其實現在回頭想想...

nemo 2019-08-20 12:34 評論0 收藏0
手把手教你擼一個網頁聊天室

摘要：前端邏輯搞定之后，思考一下這個聊天室的交互是怎么實現的。在前端監聽一個事件，這個事件的觸發條件是成功和服務端建立連接。攜帶一個參數，即用戶的輸入。別人發送的消息現在就需要在前端建立一個響應服務端有新消息的監聽事件了。一些廢話:) 最近在學校比較閑，終于有這么一塊時間可以自由支配了，所以內心還是十分的酸爽舒暢的。當然了，罪惡的事情也是有的，比如已經連續一周沒有吃早飯了，其實現在回頭想想...

leiyi 2019-08-01 16:00 評論0 收藏0
零基礎搭建網頁聊天室（socket.io使用教程）

摘要：本文實際為翻譯官方教程開始吧，我們做個聊天應用在這個教程里，我們將制作一個簡單的網頁聊天應用。它機會不要求你有任何關于或的基礎，所以這份教程適合任何水平的開發者。介紹曾經寫一個網頁聊天應用可能會用到網頁工具套件，那時候非常困難。本文實際為翻譯Socket.io官方教程——《Get Started: Chat application》開始吧，我們做個聊天應用！在這個教程里，我們將制...

madthumb 2019-08-19 18:06 評論0 收藏0
socket.io+express實現聊天室的思考（一）

摘要：但是需要注意的一點是協議是建立在協議基礎之上的，需要經過一次握手。所以連接的發起方仍是客戶端。是一個簡潔而靈活的應用框架提供一系列強大特性幫助你創建各種應用。這也是為什么要采用協議來實現聊天室的原因。從開始寫到完善差不多斷斷續續差不多半個月時間，雖然還沒有打到想要的效果但還是階段性總結一下。（下一步加入打算視頻通訊功能）本文默認你已掌握 node 相關基礎知識 GitHub地址：ht...

fjcgreat 2019-08-21 12:00 評論0 收藏0
node技術棧 - 收藏集 - 掘金

摘要：異步最佳實踐避免回調地獄前端掘金本文涵蓋了處理異步操作的一些工具和技術和異步函數。 Nodejs 連接各種數據庫集合例子 - 后端 - 掘金Cassandra Module: cassandra-driver Installation ... 編寫 Node.js Rest API 的 10 個最佳實踐 - 前端 - 掘金全文共 6953 字，讀完需 8 分鐘，速讀需 2 分鐘。翻譯自...

王偉廷 2019-06-26 17:15 評論0 收藏0