WebSocket 二进制传输 AES加密和解密

时间：2025-03-28 14:07:21

最近一直在弄WebSocket，然后必然会遇到二进制传输
1.客户端设置

// 二进制方式接收数据
 = 'arraybuffer';

这样设置以后客户端接收的数据就是ArrayBuffer，注意大小写，我设置为区分大小写居然浏览器会警告。

服务端发送和接收加密二进制数据

/**
   * openssl aes 加密
 */
function crypto_encrypt($data, $key, $options = OPENSSL_RAW_DATA) 
    {
        $iv = substr($key, 0, -16);
        $encrypted = openssl_encrypt($data, 'aes-256-cbc', $key, $options, $iv);
        return $encrypted;
    }

    /**
     * openssl aes 解密
     */
    function crypto_decrypt($data, $key, $options = OPENSSL_RAW_DATA) 
    {
        $iv = substr($key, 0, -16);
        return openssl_decrypt($data, 'aes-256-cbc', $key, $options, $iv);
    }

这是我写的两个函数，没有什么需要说明的很简单，唯一就是因为mcrypt被嫌弃了，所以我们当然要用openssl了。

客户端数据加密传输和解密处理

/*
     * CryptoJS AES 加密
     */
    function encrypt(data) {
        var key = .(secret_key);
        var encrypted = (data, key, {
            iv: key,
            mode: ,
            padding: .Pkcs7
        });
        return .();
    }

    /*
     * CryptoJS AES 解密
     */
    function decrypt(data) {

        // 接收的是ArrayBuffer
        u8array = new Uint8Array(data);

        // 将u8array转换成WordArray
        data = .(u8array);

        // 要求密文是base64格式
        data = (.Base64);
        // 解密key
        var key = .(secret_key);

        var decrypted = (data, key, {
            iv: key,
            mode: ,
            padding: .Pkcs7
        });
        var message = (.Utf8);
        return (message);
    }

这里我使用的是CryptoJS，google很容易找到。
这里secret_key毫无疑问和服务端对应
坑一. 注意iv的处理，和secret_key是一样的
坑二.secret_key需要使用.，其他什么.Utf8都不行千万注意

4.客户端加密部分

.()

这里调用了一个u8array的自定义方法，最后给出代码，整个加密注意这里就行了，原理是将WordArray转换成u8array，然后send服务端收到的就是二进制加密数据了

5.客户端解密部分
主要说一下

data = .(u8array)

将u8array转换成WordArray其实和.正好相反让CryptoJS能够处理，其他的就看代码注释吧。

最后给出u8array的两个方法，来自google

.u8array = {
    stringify: function (wordArray) {
        var words = ;
        var sigBytes = ;
        var u8 = new Uint8Array(sigBytes);
        for (var i = 0; i < sigBytes; i++) {
            var byte = (words[i >>> 2] >>> (24 - (i % 4) * 8)) & 0xff;
            u8[i]=byte;
        }
        return u8;
    },
    parse: function(u8arr) {
        var len = ;
        var words = [];
        for (var i = 0; i < len; i++) {
            words[i >>> 2] |= (u8arr[i] & 0xff) << (24 - (i % 4) * 8);
        }
        return (words, len);
    }
};

结束语：因为坑太多，所以记录一下，写错的地方请指出，另外这里没有涉及WebSocket相关资料，主要是AES加密和解密。



作者：Hawind
链接：/p/659be55f8297
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

相关文章