angular实现国密算法sm2、sm3和sm4的ts版,基于sm-crypto库实现，前后端实现

深碍√TFBOYSˉ_ 2022-11-10 05:27 201阅读 0赞

## ts版，js的话直接根据npm文档调用就可以了！ ##

## ts提供的方法有问题，所以还换了个思路来实现！而且因为不是nodeJs环境所以`const sm4 = require('sm-crypto').sm4`这个在ts里是报错的导致无法实现，如果是使用的是electron那么使用`const sm4 = window.require('sm-crypto').sm4`就可以来调用js里的方法了。 ##

[npm文档：sm-crypto][npm_sm-crypto]

## 前提：方法入口出口都是通过ts的Buffer来传递的也就是字节数组Uint8Array，并且前端加解密后端可以对应加解密 ##

## 导入库 ##

# js库
    npm install sm-crypto --save
    #下载ts实现的一个文件index.d.ts
    npm install @types/sm-crypto --save

#### index.d.ts文件内容如下： ####

#### 遇到的问题1：sm4算法直接使用的话会遇到问题，前端加密后去后端解密解出来的不一致，它实现的时候目前猜测的是传入的参数options与后端不一致，因为不可以修改所以放弃，直接去调用底层js来实现。 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNjA4NA_size_16_color_FFFFFF_t_70]

#### 这是js提供出来的方法，以及实现加解密的方法，所以我们可以看到options是能自己修改的，我们就来自定义实现。 ####

module.exports = { 
      encrypt(inArray, key, options) { 
        return sm4(inArray, key, 1, options)
      },
      decrypt(inArray, key, options) { 
        return sm4(inArray, key, 0, options)
      }
    }

## 一：实现SM4 ##

#### 这里我是根据他js提供出来方法的思路来实现的，因为我对js也不熟悉，没怎么写过，一开始是打算用类似工具类的思路来实现，发现那样实现不能使用`const sm4 = require('sm-crypto').sm4;`，所以只能换思路了。 ####

#### 下面一定要用module.exports，一开始我用的exports会报错的。底层js里也是使用的module.exports，目前区别可以百度下。 ####

#### options：\{padding: ‘pkcs\#5’, output: ‘array’\} 我传递的这个padding和mode可以和后端来协调不一致可以修改，mode默认ECB,这里ECB和CBC无区别js给过滤了可以看源码，输出都是array，因为我需要的是字节数组，如果想要string也可以改成string，具体可以自己看下源码里面的实现，很简单! ####

接下来使用ts调用它

import { Buffer} from 'buffer';
    //引入js
    import * as sm4 from 'src/assets/lib/SM4Execport';
    export class SM4Utils { 
      /** * @param buf 字节数组 * @param key key * * 传入字节数组和key，返回加密后的字节数组 */
      public static encrypt(buf: Buffer, key: string): Buffer { 
        return sm4.encodeBySM4(buf, key);
      }
    
      public static decrypt(buf: Buffer, key: string): Buffer { 
        return sm4.decodeBySM4(buf, key);
      }
    }

#### 测试 ####

enTest() { 
        let buffer = SM4Utils.encrypt(new Buffer([96,22]),"0123456789abcdeffedcba9876543210");
        console.log(buffer);
        let buffer1 = SM4Utils.decrypt(buffer,"0123456789abcdeffedcba9876543210");
        console.log(buffer1);
      }

![在这里插入图片描述][20210316151830626.png]

## 二：实现SM2 ##

#### 这里SM2不管是ts还是js输入输出都是string，加密输入utf8的String，输出hex字符串，解密输入hex字符串，输出utf8字符串，这样的话就是只能加密字符流，如果是字节流的话就转换出错了，例如\[22,33,44,55\]，对他转为utf8去加密，会转成3字节一个所以是两个字符，可能是两个乱码，也可能是一个中文一个乱码。解密后会转成6字节。所以在加密前加了一层base64或者加hex也可以。解密后再解一层base64。如果只对字符串操作直接加解密就可以。 ####

#### 这里面还有个带不带04的问题，后端的库里和前端的库有点区别，后面再说！ ####

import { sm2} from 'sm-crypto';
    import { Buffer} from "buffer";
    
    export class SM2Utils { 
      public static getKeysPairHex(){ 
        let keysPairHex = sm2.generateKeyPairHex();
        let publicKey = keysPairHex.publicKey;
        let privateKey = keysPairHex.privateKey;
        return { publicKey, privateKey};
      }
    
      //原始数据 ==> base64 ==> 对base字符串sm2加密后的buffer
      public static encrypt(buffer: Buffer,publicKey:string): Buffer { 
        let hexStr = buffer.toString("base64");  //将buffer转成base进制
        return new Buffer("04"+sm2.doEncrypt(hexStr, publicKey, 1),'hex');//加密出来是hex，将它转为byte[]
      }
    
      //buffer ⇒ hexstr ⇒ base64 ⇒ 原始数据
      public static decrypt(buffer: Buffer,privateKey:string): Buffer { 
        let strHex = buffer.toString('hex');
        strHex = strHex.substr(2);
        let str = sm2.doDecrypt(strHex, privateKey, 1);
        return new Buffer(str,'base64');
      }
    
    }

## 04问题 ##

### 后端加密出来的数据头部相比前端多了04，因为前端底层将04去掉了 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNjA4NA_size_16_color_FFFFFF_t_70 1]

#### 这里进行substr了，后端加密出来的数据是130位，前端128位，比前端多了个04 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNjA4NA_size_16_color_FFFFFF_t_70 2]

前端sm2加解密分别处理了这个问题：
    "04"+sm2.doEncrypt(hexStr, publicKey, 1)//加密后的hex加上04
    strHex = strHex.substr(2);//解密钱去掉04

[npm_sm-crypto]: https://www.npmjs.com/package/sm-crypto
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNjA4NA_size_16_color_FFFFFF_t_70]: /images/20221023/247adc12711f4b729fc197b56c021e0e.png
[20210316151830626.png]: /images/20221023/6a781257cdec4a738b7d6517a5034265.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNjA4NA_size_16_color_FFFFFF_t_70 1]: /images/20221023/e99246c306184864b6f7290552c20a23.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzczNjA4NA_size_16_color_FFFFFF_t_70 2]: /images/20221023/fcfc441560f64be589e7ad9f822ed915.png