基於socket.io和node.js搭建即時通訊系統_node.js
- WBOY原創
- 2016-05-16 16:40:401578瀏覽
使用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的錯誤。