一:什么是scoket?
網(wǎng)絡(luò)上的兩個(gè)程序通過(guò)一個(gè)雙向的通信鏈接實(shí)現(xiàn)數(shù)據(jù)的交換食寡,這個(gè)連接的一端稱為一個(gè) socket
【boothcdn(有在線bootstrap,然后將代碼拷貝至本地)
cdn::①內(nèi)容分發(fā)網(wǎng)絡(luò)(把js/css/html等靜態(tài)資源放到cdn去)
②就近原則(提高網(wǎng)頁(yè)訪問(wèn)速度)】
二:通信流程
三:NodeJS 基于其自帶 net 模塊實(shí)現(xiàn) socket(重要)
①服務(wù)端代碼:server.js
var net = require(‘net’);
// 創(chuàng)建一個(gè) socket 服務(wù)
var socket = net.createServer();
// 監(jiān)聽(tīng)一個(gè)端口號(hào)
socket.listen(3000);
// 監(jiān)聽(tīng) connection 事件
socket.on(‘connection’, function(client) {
// 通過(guò) data 事件接收客戶端的消息
client.on(‘data’, function(msg) {
console.log(msg.toString());
});
// 通過(guò) write 方法給客戶端發(fā)消息
client.write(‘hello’);
})
②客戶端代碼:client.js
var net = require(‘net’);
// 創(chuàng)建一個(gè) 客服端對(duì)象雾狈,通過(guò) new net.Socket();
var client = new net.Socket();
// 通過(guò) connect 方法連接到服務(wù)器
client.connect(3000, ‘127.0.0.1’, function() {
// 鏈接成功
// 給服務(wù)端發(fā)消息
client.write(‘大家好,我是xxx’);
// 通過(guò) data 事件接收服務(wù)端的消息
client.on(‘data’, function(msg) {
console.log(msg.toString());
})
})
四:NodeJS – 自帶模塊 readline
1:引入readline模塊
2:創(chuàng)建readline實(shí)例
var rl = readline.createInterface(process.stdin, process.stdout)
3:調(diào)用實(shí)例方法或者監(jiān)聽(tīng)實(shí)例事件
readline.question()
readline.on(‘line’)
readline.close()
readline.setPrompt()
readline.prompt()
案例:實(shí)現(xiàn) 輸入輸出的操作
// 1. 引入自帶模塊 readline
var readline = require('readline');
// 2. 創(chuàng)建 readline 實(shí)例對(duì)象
var rl = readline.createInterface(process.stdin, process.stdout);
// 3. 就是去是用 他的 方法或者 事件
// 提問(wèn)的方法 question
// rl.question('你叫什么名字抵皱?', function(answer) {
// console.log(answer);
// })
// 監(jiān)聽(tīng) line 事件
console.log('請(qǐng)選擇你要的服務(wù):');
console.log('1: 洗腳');
console.log('2: 搓背');
console.log('3: 按摩');
console.log('4: 不好意思善榛,進(jìn)錯(cuò)門了,88');
rl.on('line', function(msg) {
switch (msg) {
case "1":
console.log('洗腳 50元一次');
break;
case "2":
console.log('搓背 100元一次');
break;
case "3":
console.log('按摩 1000元一次');
break;
case "4":
// 關(guān)閉當(dāng)前的輸入輸出
rl.close();
break;
default:
console.log('對(duì)不起呻畸,沒(méi)有這個(gè)服務(wù)移盆,請(qǐng)重新選擇');
break;
}
})
五:WebSocket
構(gòu)建網(wǎng)頁(yè)版的聊天室:
1個(gè)服務(wù)端(使用 nodejs 作為后臺(tái)語(yǔ)言,借助外部模塊 ws )
1個(gè)客戶端(這里的客戶端不是 cmd 而是一個(gè) html頁(yè)面 )
①服務(wù)端:server.js
// 引入 ws 模塊的 Server 對(duì)象
var socket = require(‘ws’).Server;
// 創(chuàng)建 socket 服務(wù)
var ws = new socket({port: 3000});
// 監(jiān)聽(tīng) connection 事件
ws.on(‘connection’, function(client) {
// 通過(guò) message 事件接收客戶端的消息
client.on(‘message’, function(msg) {
console.log(msg.toString());
});
// 通過(guò) send 方法給客戶端發(fā)消息
client.write(‘hello’);
})
②客戶端:client.html js 實(shí)現(xiàn)
// 連接服務(wù)器
var client = new WebSocket(‘ws://127.0.0.1:3000’);
// 通過(guò) message 事件接收服務(wù)端消息
client.onmessage = function(e) {
// 注意這里的 e 是事件對(duì)象 要在消息是 e.data
}
// 通過(guò) send 方法給服務(wù)端發(fā)送消息
client.send(‘xxxx’);