節點幫助

WebSockets Node.js js（開發人員如何運作）

發佈 2024年9月29日

在當今快速發展的網頁開發世界中，提供即時通信和動態內容生成對於開發引人入勝且互動的應用程序至關重要。結合 Node.js，這是一個輕量且高效的伺服器端 JavaScript 實現，WebSockets是一個強大的協議，允許客戶端和伺服器之間進行雙向通信，並使即時應用成為可能，是開發此類應用的有效組合。當您包含時，您可以即時生成和傳遞動態 PDF。IronPDF，一個靈活的用於創建 PDF 文件的庫，加入其中。

我們將探討的原則WebSockets在本介紹中，以及 Node.js 如何讓 WebSocket 的實作更簡便。最後，我們將看到IronPDF如何通過允許平滑的PDF建立來增強這些技術。當這些工具結合在一起時，為創建需要實時生成和發送 PDF 的應用程式提供了一個強大的基礎，開啟了從協作文件編輯平台到即時報告儀表板的廣泛可能性。讓我們來探索 WebSockets、Node.js 和 IronPDF 如何在當代網頁開發中協同運作。

什麼是 WebSocket Node.js？

技術堆疊稱為Node.js 中的 WebSockets允許客戶端和伺服器之間使用單一的持久TCP連接進行雙向的即時通信。 WebSockets 創建了一個持續的開放連接，能夠隨時實現雙向數據傳輸，這與傳統的 HTTP 連接形成對比，後者是無狀態的，通常需要發送請求和接收回應。

伺服器端 JavaScript 執行環境 Node.js 為 WebSocket 伺服器的實現提供了一個穩定的基礎。它提供了一系列 WebSocket 庫和模組，使設置 WebSocket 伺服器和管理 WebSocket 連接更加容易。訊息路由、向已連接的客戶端廣播數據以及 WebSocket 連接管理是這些庫中常見的功能。

WebSockets 的關鍵功能

雙向通信

全雙工通訊是通過 WebSockets 實現的，這使得客戶端和伺服器之間能夠同時進行數據傳輸。這樣可以消除頻繁的 HTTP 查詢對伺服器的常態呼叫需求，並允許即時互動和更新。

持久連接

WebSockets 創建了一個永久連接，當客戶端和網絡伺服器在通信時保持開啟，這與傳統的 HTTP 連接相反，後者是無狀態的並且有有限的壽命。這降低了為每次互動建立新連接的開銷，從而減少延遲並加快通信速度。

高效資料傳輸

WebSockets 使用一種輕量協議，能夠最小化開銷和網路延遲，並降低資料傳輸延遲。因此，它們非常適合需要高性能和實時數據交換的應用程序，如即時聊天、遊戲、聊天應用和金融交易平台。

事件驅動架構

透過事件監聽器和回呼函式，開發人員可以在 Node.js 的事件驅動設計中異步處理傳入訊息、連接事件和失敗情況，這非常適合 WebSocket 通訊。因此，處理多個同時連接和發送消息可以有效地完成，而不會干擾伺服器的事件循環。

可擴展性

由於 Node.js 的非阻塞、非同步特性以及對事件驅動程式設計的支援，WebSocket 伺服器可以輕鬆處理大量的同時連線。由於其可擴展性，Node.js 是開發需要實時更新和支持高並發的 WebSocket 應用程式的受歡迎選擇。

跨平台相容性

WebSocket 是一種靈活的方法，用於創建可讓大量用戶在各種設備和網頁瀏覽器上存取的即時網頁應用程式。

與現有基礎設施的整合

Node.js 的 WebSocket 程式庫和模組讓開發人員可以簡單地將即時通訊功能整合到現有的 Node.js 應用程式和框架中。

創建和配置 Websockets

讓我們剖析如何在 Node.js 中設置和創建 WebSocket 伺服器。

安裝相依性

安裝 ws 庫以啟用 Node.js 應用程式中的 WebSockets。

npm install ws
npm install prompt-sync

npm install ws
npm install prompt-sync

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'npm install ws npm install prompt-sync

VB C#

創建 WebSocket 伺服器

在 Visual Studio 程式碼編輯器中打開您創建的 server.js 文件。

// Import the WebSocket module
const WebSocket = require('ws');
// Create and implementing websockets
const wss = new WebSocket.Server({ port: 8080 });
// Event handler for when a client connects to the WebSocket server
wss.on('connection', (ws) => {
  console.log('Client connected');
  // Event handler for when the server receives a message from a client
  ws.on('message', (message) => {
    console.log(`Received message: ${message}`);
    // Echo the message back to the client
    ws.send(`Echo: ${message}`);
  });
  // Event handler for when a client disconnects from the WebSocket server
  ws.on('close', () => {
    console.log('Client disconnected');
  });
});
console.log('WebSocket server running on port 8080');

// Import the WebSocket module
const WebSocket = require('ws');
// Create and implementing websockets
const wss = new WebSocket.Server({ port: 8080 });
// Event handler for when a client connects to the WebSocket server
wss.on('connection', (ws) => {
  console.log('Client connected');
  // Event handler for when the server receives a message from a client
  ws.on('message', (message) => {
    console.log(`Received message: ${message}`);
    // Echo the message back to the client
    ws.send(`Echo: ${message}`);
  });
  // Event handler for when a client disconnects from the WebSocket server
  ws.on('close', () => {
    console.log('Client disconnected');
  });
});
console.log('WebSocket server running on port 8080');

' Import the WebSocket module
const WebSocket = require( 'ws');
' Create and implementing websockets
const wss = New WebSocket.Server({ port:= 8080 })
' Event handler for when a client connects to the WebSocket server
wss.on( 'connection', (ws) =>
If True Then
	console.log( 'Client connected');
	ws.on( 'message', (message) =>
	If True Then
		console.log(`Received message:= ${message}`)
		ws.send(`Echo:= ${message}`)
	End If
	)
	ws.on( 'close', () =>
	If True Then
		console.log( 'Client disconnected');
	End If
	)
End If
)
console.log( 'WebSocket server running on port 8080');

VB C#

WebSockets Node.js js（開發者工作原理）：圖1 - 控制台日誌

建立 WebSocket 客戶端

對於 WebSocket 客戶端，創建一個名為 client.js 的檔案，並新增以下代碼。

const WebSocket = require('ws');
const prompt = require('prompt-sync')();
// WebSocket client connection
const ws = new WebSocket('ws://localhost:8080');
// Event handler for when the client successfully connects to the WebSocket server
ws.on('open', () => {
  console.log('Connected to WebSocket server');
  // Send user input messages to the server
  while (true) {
    const message = prompt('Enter message to send (or type "exit" to quit): ');
    if (message === 'exit') {
      ws.close();
      break;
    }
    ws.send(message);
  }
});
// Event handler for when the client receives a message from the WebSocket server
ws.on('message', (message) => {
  console.log(`Received message from server: ${message}`);
});
// Event handler for when the client connection is closed
ws.on('close', () => {
  console.log('Disconnected from WebSocket server');
});

const WebSocket = require('ws');
const prompt = require('prompt-sync')();
// WebSocket client connection
const ws = new WebSocket('ws://localhost:8080');
// Event handler for when the client successfully connects to the WebSocket server
ws.on('open', () => {
  console.log('Connected to WebSocket server');
  // Send user input messages to the server
  while (true) {
    const message = prompt('Enter message to send (or type "exit" to quit): ');
    if (message === 'exit') {
      ws.close();
      break;
    }
    ws.send(message);
  }
});
// Event handler for when the client receives a message from the WebSocket server
ws.on('message', (message) => {
  console.log(`Received message from server: ${message}`);
});
// Event handler for when the client connection is closed
ws.on('close', () => {
  console.log('Disconnected from WebSocket server');
});

const WebSocket = require( 'ws');
const prompt = require( 'prompt-sync')();
' WebSocket client connection
'INSTANT VB TODO TASK: The following line uses invalid syntax:
'const ws = New WebSocket('ws: ws.on('open', () => { console.log('Connected @to WebSocket server'); while (True) { const message = prompt('Enter message @to send(@or type "exit" @to quit): '); if(message === '@exit') { ws.close(); break; } ws.send(message); } }); ws.on('message', (message) => { console.log(`Received message from server: ${message}`); }); ws.on('close', () => { console.log('Disconnected from WebSocket server'); });

VB C#

WebSockets Node.js js（對開發者的運作方式）：圖2 - 控制台日誌

測試 WebSocket 通訊

您的 WebSocket 用戶端和簡單的 HTTP 伺服器現在都已啟動。通過從 HTTP 伺服器向客戶端發送消息，並由伺服器進行回應，您可以測試通信。

將 Websockets 與 IronPDF for Node.js 整合

設定一個WebSocket伺服器以進行即時通訊和整合IronPDF在 Node.js 和 IronPDF 中建立 WebSockets 的首步是創建動態 PDF 文件以進行 PDF 生成。

什麼是 IronPDF？

要製作、編輯和轉換PDF文件，請使用強大的IronPDFPython 套件。它允許程式設計師執行與 PDF 相關的多種基於程式設計的操作，處理現有的 PDF，並將 HTML 轉換為 PDF。 IronPDF 是一個有效的選擇，適用於需要動態 PDF 生成和處理的應用程式，因為它提供了一種靈活且使用者友好的方法來製作高品質的 PDF 文件。

WebSockets Node.js js（對開發者的運作方式）：圖 3 - IronPDF for Node.js：Node.js 的 PDF 函式庫

IronPDF 的其他功能

一些主要功能IronPDF如下所示：

將HTML轉換為PDF

IronPDF 可以用來轉換將您的 HTML 文件數據轉換為 PDF 文件。這使能夠利用現代的 HTML5、CSS3 和 JavaScript 從網頁內容創建美觀的 PDF 出版物。

PDF 創建與編輯

以程式方式生成的新 PDF 文件可以添加文字、圖片、表格和其他內容。您可以使用 IronPDF 開啟和編輯現有的 PDF 文件。您可以更改或添加對 PDF 的內容進行編輯，並刪除特定的部分。

高級樣式和佈局

要在 PDF 中使用 CSS 來設計內容使用者的瀏覽器。這包括對錯綜複雜的佈局、字體、顏色和其他設計元素的支持。使用可與 JavaScript 配合的 HTML 資料進行渲染，可以在 PDF 中創建動態內容。

安裝IronPDF套件

使用節點套件管理器在 Node.js 中安裝所需的 IronPDF 套件以啟用 IronPDF 功能。

npm install @ironsoftware/ironpdf

npm install @ironsoftware/ironpdf

'INSTANT VB TODO TASK: The following line uses invalid syntax:
'npm install @ironsoftware/ironpdf

VB C#

使用 IronPDF 生成 PDF 並通過 WebSocket 連接發送 PDF

設定 WebSocket 伺服器以進行實時通信並整合 IronPDF 來創建動態 PDF 文件，是開始使用 Node.js 中的 WebSockets 和 IronPDF 進行 PDF 生成的第一步。

const WebSocket = require('ws');
const IronPdf = require("@ironsoftware/ironpdf");
const document=IronPdf.PdfDocument;
// Create a WebSocket server
const wss = new WebSocket.Server({ port: 3000});
// Event handler for when a client connects to the WebSocket server
wss.on('connection', (ws) => {
  console.log('a user connected');
  // Event handler for when the server receives a message from a client
  ws.on('message', async (message) => {
    console.log(`message received: ${message}`);
    // Generate PDF using IronPDF
    const htmlContent = `<html><body><h1>${message}</h1></body></html>`;
    const pdf = await document.fromHtml(htmlContent);
    let buff= await pdf.saveAsBuffer();
    // Send the PDF data back to the client
    ws.send(buff);
  });
  // Event handler for when a client disconnects from the WebSocket server
  ws.on('close', () => {
    console.log('Client disconnected');
  });
});
console.log('WebSocket server running on port 3000');

const WebSocket = require('ws');
const IronPdf = require("@ironsoftware/ironpdf");
const document=IronPdf.PdfDocument;
// Create a WebSocket server
const wss = new WebSocket.Server({ port: 3000});
// Event handler for when a client connects to the WebSocket server
wss.on('connection', (ws) => {
  console.log('a user connected');
  // Event handler for when the server receives a message from a client
  ws.on('message', async (message) => {
    console.log(`message received: ${message}`);
    // Generate PDF using IronPDF
    const htmlContent = `<html><body><h1>${message}</h1></body></html>`;
    const pdf = await document.fromHtml(htmlContent);
    let buff= await pdf.saveAsBuffer();
    // Send the PDF data back to the client
    ws.send(buff);
  });
  // Event handler for when a client disconnects from the WebSocket server
  ws.on('close', () => {
    console.log('Client disconnected');
  });
});
console.log('WebSocket server running on port 3000');

Private const WebSocket = require( 'ws');
Private const IronPdf = require("@ironsoftware/ironpdf")
Private const document=IronPdf.PdfDocument
' Create a WebSocket server
Private const wss = New WebSocket.Server({ port:= 3000})
' Event handler for when a client connects to the WebSocket server
wss.on( 'connection', (ws) =>
If True Then
	console.log( 'a user connected');
	ws.on( 'message', async(message) =>
	If True Then
		console.log(`message received:= ${message}`)
		const htmlContent = `(Of html)(Of body)(Of h1) $
		If True Then
			message
		End If
		</h1></body></html>`
		const pdf = Await document.fromHtml(htmlContent)
		Dim buff As let= Await pdf.saveAsBuffer()
		ws.send(buff)
	End If
	)
	ws.on( 'close', () =>
	If True Then
		console.log( 'Client disconnected');
	End If
	)
End If
)
console.log( 'WebSocket server running on port 3000');

VB C#

在上述代碼範例中，我們導入了 IronPdf 模組，這使我們能夠創建 PDF 文檔，並導入了 ws 模組，這在 Node.js 中提供了 WebSocket 支援。使用 WebSocket.Server 類別，我們構建了一個 WebSocket 伺服器並傳入端口 3000 作為配置選項。當客戶端與 WebSocket 伺服器建立連接時，會創建一個針對「connection」事件的事件監聽器。我們記錄一條訊息來顯示客戶端已在事件處理方法中連接。

當來自客戶端的訊息到達伺服器時，引發的「message」事件被註冊為一個事件監聽器。我們使用 IronPDF 根據接收到的訊息內容來建立 PDF 文件，並將其記錄在事件處理函數中。接下來，我們使用 WebSocket 連接將已創建的 PDF 文件的二進制數據傳回給客戶端。

WebSockets Node.js js（開發人員的工作原理）：圖4 - 控制台日誌

當用戶端從 WebSocket 伺服器插座斷開連接時，會產生 'close' 事件，該事件會被註冊為事件監聽器。我們在事件處理函數內記錄一條消息，指出客戶已斷開連接。表示 WebSocket 伺服器已啟動運行並準備好在 3000 埠上進行連接，我們在控制台記錄一條訊息。下面是生成的PDF使用 IronPDF。

WebSockets Node.js js（開發者如何使用）：圖 5 - 使用 IronPDF for Node.js 函式庫生成的 PDF 輸出

使用此伺服器端程式碼配置 WebSocket 伺服器，並在端口 3000 上偵聽傳入連接。在收到客戶訊息後，伺服器使用 IronPDF 根據收到的訊息內容建立 PDF 文件，並將 PDF 資料返回給客戶。這使得可以透過 WebSocket 連線即時建立和傳送 PDF。

結論

對於現代在線應用程式的整合IronPDF與WebSockets在 Node.js 中，提供了一個強大的解決方案，用於即時生成和分發 PDF。 WebSockets 使得瞬時數據交換成為可能，提供客戶端和伺服器之間的流暢雙向通信通道，無需傳統 HTTP 查詢的成本。由於其事件驅動和非阻塞架構，Node.js 是創建即時應用程式的強大平台，並且非常適合處理 WebSockets 的非同步特性。

此配置由 IronPDF 增強，能夠從 HTML 內容中動態生成 PDF 文件，並能立即根據任何客戶的需求進行自訂。 WebSockets 和 IronPDF 結合 Node.js 能夠實現高效且可擴展的動態生成報告、發票和其他文檔類型。

通過整合，我們可以保證客戶和終端用戶獲得功能豐富的高端軟體解決方案。IronPDF和Iron Software產品整合到您的開發組合中。此外，這將有助於專案和流程的優化。 IronPDF 提供各種程式碼範例和詳細的文檔幫助開發者入門。

IronPDF價格從 $749 起，因為其詳盡的文件、活躍的社群和頻繁的升級，是當代軟體開發項目值得信賴的合作夥伴。

< 上一頁
Socket.io node.js（如何為開發者運作）

下一個 >
dropzone npm（對開發人員的運作原理）