在Ubuntu上使用JavaScript通過WebSockets,你需要遵循以下步驟:
安裝Node.js和npm(如果尚未安裝): 打開終端并運行以下命令:
sudo apt update
sudo apt install nodejs npm
創建一個新的項目文件夾并進入該文件夾:
mkdir websocket_project
cd websocket_project
初始化一個新的Node.js項目:
npm init -y
安裝WebSocket庫,例如ws:
npm install ws
創建一個名為server.js的文件,并添加以下代碼來創建一個WebSocket服務器:
const WebSocket = require('ws');
const server = new WebSocket.Server({ port: 8080 });
server.on('connection', (socket) => {
console.log('Client connected');
// 監聽客戶端發送的消息
socket.on('message', (message) => {
console.log(`Received message: ${message}`);
});
// 向客戶端發送消息
socket.send('Hello from WebSocket server!');
});
console.log('WebSocket server is running on ws://localhost:8080');
運行WebSocket服務器:
node server.js
創建一個名為client.html的文件,并添加以下代碼來創建一個WebSocket客戶端:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebSocket Client</title>
</head>
<body>
<h1>WebSocket Client</h1>
<script>
const socket = new WebSocket('ws://localhost:8080');
socket.addEventListener('open', (event) => {
console.log('Connected to WebSocket server');
socket.send('Hello from WebSocket client!');
});
socket.addEventListener('message', (event) => {
console.log(`Received message: ${event.data}`);
});
</script>
</body>
</html>
在瀏覽器中打開client.html文件,或者使用一個支持WebSocket的HTTP客戶端(如Postman)來測試WebSocket連接。
現在,當客戶端連接到WebSocket服務器時,服務器會發送一條消息,客戶端會接收并顯示這條消息。同樣,客戶端發送的消息也會被服務器接收并顯示。
請注意,這只是一個簡單的示例,實際應用中可能需要處理更復雜的邏輯,例如錯誤處理、連接管理和消息廣播等。