基於node.js打造一個簡易的聊天室

阿新 • • 發佈：2018-12-16

1.先寫服務端的程式碼
在服務端要先進行安裝node環境，然後用npm install socket.io
要安裝express框架

let http = require('http');
let fs = require('fs');
let ws = require('socket.io');
let express = require('express');
let app = express();//先進行express例項化
app.get('/',function(req,res){
	let html = fs.readFileSync('./clients.html') 
;//同步讀取檔案
	res.end(html);
});
let server = http.createServer(app).listen(3001);//監聽3001埠
let io = ws(server);//把scoket服務掛載到http伺服器中,例項化
io.on('connection',function(socket){
	console.log('有新使用者進入房間');
	scoket.on('message',function(mes){
		console.log(mes);
		io.emit('message',mes);//廣播訊息
	})
})

2.客戶端這邊進行連線

< 
!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>
    聊天室的客戶端
</h1>
<form action="">
    <input type="text" name="" id="mes">
    <input type="button" name="" id="btn" value= 
"send">
</form>
<script src="http://wulv5.com/js/socket.io.min.js"></script>
<script>
    //每一次開啟客戶端，就相當於連線了聊天室


    let socket = io.connect('/');//連線聊天室的io伺服器
    let mes = document.getElementById('mes');
    let btn = document.getElementById('btn');
    let myMessage = '';
    btn.onclick = function () {
        let value = mes.value;
        if(!value){ //當訊息為空時，

            return;
        }
        myMessage = value;
        socket.send(value); //把訊息傳送到服務端
        mes.value = '';//清空文字框

    }
    //當伺服器廣播訊息時，觸發message事件，訊息內容在回撥函式中
    socket.on('message',function (mm) {
        let p = document.createElement('p');
        p.innerHTML = mm;
        if(myMessage === mm){
            p.style.cssText = 'color:red;margin-left:10%';

        }
        document.body.appendChild(p);

    })
</script>
</body>
</html>

基於node.js打造一個簡易的聊天室

1.先寫服務端的程式碼在服務端要先進行安裝node環境，然後用npm install socket.io 要安裝express框架 let http = require('http'); let fs = require('fs'); let ws = require('socket.

基於Javasocket NIO的一個CS聊天室

不同的SelectableChannel所支援的操作是不同的。例如ServerSocketChannel代表一個ServerSocket,它就只支援OP_ACCEPT操作；當Selector上註冊的所有Channel都沒有需要處理的IO操作的時候，select方法將會被阻塞，呼叫該方法的執

Netty+Android搭建一個簡易聊天室（實現群聊和私聊）

零，前言 JRBM專案中無論是好友私聊，公開聊天室，還是比賽平臺都需要用到長連線，之前沒有接觸過網路通訊等知識，更別說框架了，因此直接上手netty確實有些困難，在前期主要是在b站上看（https://www.bilibili.com/video/av26415011）這個

Netty+Websocket 實現一個簡易聊天室

後臺程式碼 /** * 服務端 */ public class ChatServer { public static void main(String[] args) throws Exception { int port=8080; //服務端預設埠 new Ch

如何打造一個語音聊天室

語音聊天室這個名詞可能有點陌生，實際上相關的產品還是很多的，例如遊戲裡的開黑語音、線上課堂等。語音聊天室可以認為視訊直播的前身，很多音視訊平臺的架構是從語音聊天室演進為視訊直播室的。本文主要介紹語音聊天室的架構設計，後面的文章會逐步介紹從語音到視訊的演進歷程。語音聊天室怎麼實現呢？網際網路產品設計萬變不離其

Golang程式碼蒐集-基於websocket+vue.js的簡易聊天室

前言筆者學完vue.js後，總是不斷地找個機會練練手，於是，在假期花了點時間使用websocket和vue.js，寫了一個簡單的聊天室，功能並不強大，只是實現了簡單的群聊功能，但是詳細地演示了websocket、chan、vue.js的應用，寫在這裡算是做記

Unity 簡易聊天室（基於TCP）（1）

為了準備畢業設計，學習了伺服器與客戶端之間傳輸的一些簡單的知識，並跟著網路上的教程製作了一個簡易的Unity聊天室伺服器：用C# .Net Framework寫的結構分為：main（主函式）、Server類（用於伺服器的開啟和接收客戶端連線）、Client類（接收訊息和傳送訊息）、Message類(用

SpringBoot整合WebSocket【基於STOMP協議】進行點對點[一對一]和廣播[一對多]實時推送，內附簡易聊天室demo

最近專案來了新需求，需要做一個實時推送的功能，伺服器主動推送訊息給客戶端，在網上經過一輪搜查之後，確定使用WebSocket來進行開發。以前經常聽說WebSocket的神奇之處，如今終於可以嘗試使用它了。1.淺談WebSocketWebSocket是在HTML5基礎上單個TC

基於Android ServerSocket的簡易聊天室功能

上篇部落格介紹了Socket Socket的基本講解以及對於內部的方法使用做了一些簡單的整理，並且通過ServerSocket自己做了一個通過服務端（PC主機）與多臺手機進行通訊的Demo，實現了群發功能、指定手機發送訊息功能、顯示已連線的手機數量以及IP地址和埠號，通過這

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

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

基於websocket的簡易聊天室的實現

用java實現基於websocket的簡易聊天室 WebSocket protocol 是HTML5一種新的協議。它實現了瀏覽器與伺服器全雙工通訊(full-duplex)。一開始的握手需要藉助HTTP請求完成。

php基於websocket搭建簡易聊天室(socket)

前言 http連線分為短連線和長連線。短連線一般可以用ajax實現，長連線就是websocket。短連線實現起來比較簡單，但是太過於消耗資源。websocket高效不過相容存在點問題。websocket是html5的資源前端 //連線socket

基於Linux c 用socket和執行緒實現的簡易聊天室之伺服器

#include <stdio.h> #include <string.h> #include <stdlib.h> #include <sys/types.h> #include <sys/socket.h> #

node js構建一個vue並啟動它

ros install 項目 http node js 編譯打包代碼 -- wid 安裝node js，到運行VUE的簡單過程 1、安裝node js 　　下載地址：http://nodejs.cn/download/2、安裝完成後運行Node.js command pr

ＮideShop：基於Node.js+MySQL開發的微信小程序商城開源啦

開源商城微信小程序商城 node.js+mysql 高仿網易嚴選的微信小程序商城（微信小程序客戶端）界面高仿網易嚴選商城(主要是2016年wap版)測試數據采集自網易嚴選商城服務端api基於Ｎode.js+ThinkJS+MySQL計劃添加基於Vue.js的後臺管理系統、PC版、Ｗap版GitH

通過新浪雲部署NideShop微信小程序商城（基於Node.js+MySQL+ThinkJS）

小程序微信 mysql 一、購買新浪雲SAE為什麽選擇SAE？免費二級域名和支持https訪問，不用備案，可用於做微信小程序服務器。SAE推薦鏈接：http://sae.sina.com.cn/選擇對應的部署環境自定義 -> 開發言語：自定義 -> 運行環境：雲容器 -> 語

基於Node.js+MySQL開發的開源微信小程序B2C商城（頁面高仿網易嚴選）

收貨地址 lec load alt conf print 商品列表 pac data 高仿網易嚴選的微信小程序商城（微信小程序客戶端）界面高仿網易嚴選商城(主要是2016年wap版) 測試數據采集自網易嚴選商城功能和數據庫參考ecshop 服務端api基於Ｎode.j

Vue與Node.js打造的所見即所得的企業服務產品引擎設計

測試測試本文出自 “技術老兵心得園” 博客，請務必保留此出處http://10266722.blog.51cto.com/10256722/1956822Vue與Node.js打造的所見即所得的企業服務產品引擎設計

Node.js起一個web服務器

ont pla req esp alt 服務 func color ron 開啟服務：代碼如下： var http = require(‘http‘); http.createServer(function (request, response) { /

Express - 基於 Node.js 平臺的 web 應用開發框架

create down block log 功能 views div save filepath Web 應用 Express 是一個基於 Node.js 平臺的極簡、靈活的 web 應用開發框架，它提供一系列強大的特性，幫助你創建各種 Web 和移動設備應用。 API 豐

基於node.js打造一個簡易的聊天室

相關推薦