基於socket.io和node.js搭建即時通訊系統

首頁

web前端

js教程

基於socket.io和node.js搭建即時通訊系統_node.js

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:40 PM

node.jssocket.io

使用socket.io和nodejs搭建websocket伺服器端

socket.io不僅可以搭建客戶端的websocket服務，而且支援nodejs伺服器端的websocket。

下面讓我來介紹一下怎麼安裝設定nodejs.

進入http://nodejs.org/#download下載msi檔案。一直點next安裝。最後檔案會自動安裝在C:nodejs目錄下。

安裝完成後，會自動設定環境環境變數。如果沒有自動配置，自己手動在path加上 ;C:nodejs。

安裝完成後，需要設定npm來管理node.js的模組。

在window下安裝npm需要安裝git。

安裝完git後，開啟gitbush。執行下面幾步：

git config --system http.sslcainfo /bin/curl-ca-bundle.crt

git clone --recursive git://github.com/isaacs/npm.git

cd npm

node cli.js install npm -gf

第一個是設定不會有任何提示,第二步會到github上下載npm會有下載檔案和進度,第四步是安裝npm到node.js會複製幾個檔案cmd檔案和mode_modules文件夾到nodejs目錄。

這樣就配置好了npm。

如果需要安裝什麼模組直接輸入npm install ***。

沒有npm的或windows使用者可以使用github下載socket.io並且放入到node_modules資料夾中，具體配置可以參考文章：《nodejs教學：設定nodejs.exe的windows目錄結構》

nodejs安裝socket.io

使用node外掛程式管理包，執行下面的指令就可以安裝成功socket.io

npm install socket.io

用socket.io 實現的一個例子

客戶端程式碼：

<html> 

<head> 

  <title></title> 

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

  <script type="text/javascript"> 

    function doit() { 

      var socket = io.connect('http://localhost'); 

      socket.on('news', function (data) {//接收到服务器发送过来的名为'new'的数据 

        console.log(data.hello);//data为应服务器发送过来的数据。 

        socket.emit('my new event', { my:'new data' });//向服务器发送数据，实现双向数据传输 

      }); 

      socket.on('other', function (data) {//接收另一个名为'other'数据， 

        console.log(data.hello); 

        socket.emit('event1', { my:'other data' }); 

      }); 

    } 

  </script> 

</head> 

<body> 

<button id='btn' onclick="doit()">click me</button> 

</body> 

</html>

socket.io.client.js可以https://github.com/LearnBoost/socket.io-client下載到本地，在

伺服器用nodejs實作

server2.js

var http= require('http'), io= require('socket.io'), express= require('express'); 

var app = express.createServer(), io = io.listen(app); 

app.listen(80); 

io.sockets.on('connection', function (socket) { 

 socket.emit('news', { hello: 'world' });//监听，一旦客户端连接上，即发送数据，第一个参数'new'为数据名，第二个参数既为数据 

 socket.on('my other event', function (data) {//捕获客户端发送名为'my other event'的数据 

  console.log(data.my); 

 }); 

 socket.emit('other', { hello: 'other world' });//发送另一个数据 

 socket.on('evnet1', function (data) {//捕获另外一个数据 

  console.log(data.my); 

 }); 

});

測試結果，客戶端可正常顯示

伺服器端顯示結果：

C:javaNodejs>node server2.js

註：程式碼要和npm_module在同一個目錄下。不然會出現找不到socket.io module的錯誤。

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

Vercel是什么？怎么部署Node服务？May 07, 2022 pm 09:34 PM

Vercel是什么？本篇文章带大家了解一下Vercel，并介绍一下在Vercel中部署 Node 服务的方法，希望对大家有所帮助！

node.js gm是什么Jul 12, 2022 pm 06:28 PM

gm是基于node.js的图片处理插件，它封装了图片处理工具GraphicsMagick（GM）和ImageMagick（IM），可使用spawn的方式调用。gm插件不是node默认安装的，需执行“npm install gm -S”进行安装才可使用。

一文解析package.json和package-lock.jsonSep 01, 2022 pm 08:02 PM

本篇文章带大家详解package.json和package-lock.json文件，希望对大家有所帮助！

怎么使用pkg将Node.js项目打包为可执行文件？Jul 26, 2022 pm 07:33 PM

如何用pkg打包nodejs可执行文件？下面本篇文章给大家介绍一下使用pkg将Node.js项目打包为可执行文件的方法，希望对大家有所帮助！

分享一个Nodejs web框架：FastifyAug 04, 2022 pm 09:23 PM

本篇文章给大家分享一个Nodejs web框架：Fastify，简单介绍一下Fastify支持的特性、Fastify支持的插件以及Fastify的使用方法，希望对大家有所帮助！

node爬取数据实例：聊聊怎么抓取小说章节May 02, 2022 am 10:00 AM

node怎么爬取数据？下面本篇文章给大家分享一个node爬虫实例，聊聊利用node抓取小说章节的方法，希望对大家有所帮助！

手把手带你使用Node.js和adb开发一个手机备份小工具Apr 14, 2022 pm 09:06 PM

本篇文章给大家分享一个Node实战，介绍一下使用Node.js和adb怎么开发一个手机备份小工具，希望对大家有所帮助！

图文详解node.js如何构建web服务器Aug 08, 2022 am 10:27 AM

先介绍node.js的安装，再介绍使用node.js构建一个简单的web服务器，最后通过一个简单的示例，演示网页与服务器之间的数据交互的实现。

See all articles

熱AI工具

熱工具

mPDF是一個PHP庫，可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件，並處理不同的語言。與原始腳本如HTML2FPDF相比，它的速度較慢，並且在使用Unicode字體時產生的檔案較大，但支援CSS樣式等，並進行了大量增強。支援幾乎所有語言，包括RTL（阿拉伯語和希伯來語）和CJK（中日韓）。支援嵌套的區塊級元素（如P、DIV），