如何實現Javascript 與PHP 之間的安全加密通信

gitbox 2025-07-27

引言

Javascript 和PHP 是Web 開發中常用的兩種編程語言。在某些應用中，尤其是在涉及敏感數據時，保證數據傳輸過程中的安全性變得尤為重要。本文將演示如何通過AES 對稱加密算法，實現在Javascript 和PHP 之間的安全加密通信。

加密通信的原理

加密通信的基本原理是通過加密算法對數據進行加密，確保數據在傳輸過程中不會被第三方竊取或篡改。在本文中，我們採用對稱加密算法AES（Advanced Encryption Standard），即使用相同的密鑰進行數據加密與解密。

在該過程裡，Javascript 負責生成一個隨機的密鑰，並將其發送給PHP 服務器，PHP 端利用該密鑰對數據進行加密後傳送回Javascript，最後由Javascript 使用相同的密鑰解密數據，恢復出原始數據。

加密通信的實現步驟

生成密鑰

首先，在Javascript 中使用CryptoJS 庫生成一個隨機密鑰，用於加密和解密操作。可以通過以下代碼生成一個16字節的隨機密鑰：

 var key = CryptoJS.lib.WordArray.random(16);

此代碼通過CryptoJS 庫生成一個隨機的16字節密鑰，實際使用時可以根據需要調整密鑰長度。

將密鑰發送給PHP

生成密鑰後，我們需要將其通過安全的方式發送給PHP 服務器端。可以通過AJAX 請求將密鑰傳送到PHP 文件進行處理：

 var xhr = new XMLHttpRequest();
xhr.open("POST", "send_key.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log("Key sent successfully to PHP");
  }
};
xhr.send("key=" + key);

上述代碼將密鑰以POST 請求的方式發送到PHP，PHP 端接收到密鑰後將用於加密數據。

加密數據

在Javascript 中，使用AES 算法加密數據，並將加密結果傳輸給PHP 進行後續處理：

 var dataToEncrypt = "Hello, World!";
var encryptedData = CryptoJS.AES.encrypt(dataToEncrypt, key).toString();

這段代碼會將字符串"Hello, World!" 使用密鑰進行加密，得到的加密數據保存在變量encryptedData 中。

解密數據

在PHP 中，我們使用OpenSSL 拓展提供的AES 解密方法對加密數據進行解密：

 $encryptedData = $_POST['encryptedData'];
$decryptedData = openssl_decrypt($encryptedData, 'AES-128-ECB', $key);

此段代碼從POST 請求中獲取加密數據，並使用密鑰對其進行解密，最終得到解密後的數據。

總結

本文演示瞭如何通過AES 對稱加密算法，在Javascript 與PHP 之間實現安全的數據加密通信。通過生成密鑰、傳輸密鑰、加密與解密數據的步驟，我們能夠保證數據的安全性。需要注意的是，實際應用中應進一步增強傳輸過程的安全性，確保密鑰的保護和加密過程的有效性。

通過本文的示例，您應該能夠理解並實現Javascript 與PHP 之間的加密通信，從而提升Web 應用的安全性。