【加密专栏】OpenHarmony应用开发-加解密之AES128_CBC_PKCS5

简介

该文主要提供AES128|CBC|PKCS5加解密的最佳实践示例。

开发环境

DevEco Studio: DevEco Studio 5.1.0 Release(Build Version: 5.1.0.128)

系统: OpenHarmony 5.0.3.135

设备: DAYU200(rk3568)

最佳实践示例

ts 复制代码
// AES128|CBC|PKCS5
import { cryptoFramework } from '@kit.CryptoArchitectureKit';
import { buffer, util } from '@kit.ArkTS';

@Entry
@Component
struct CryptoArchitectureTest2 {

  encryptText: string = ''
  iv = this.genIvParamsSpec();
  base64Helper = new util.Base64Helper()
  @State originMessage: string = '123123123123131312313123'
  @State finalMessage: string = ''

  generateRandom(len: number): cryptoFramework.DataBlob {
    let rand = cryptoFramework.createRandom();
    let generateRandSync = rand.generateRandomSync(len);
    return generateRandSync;
  }

  genIvParamsSpec() {
    let ivBlob = this.generateRandom(16);
    let ivParamsSpec: cryptoFramework.IvParamsSpec = {
      algName: "IvParamsSpec",
      iv: ivBlob
    };
    return ivParamsSpec;
  }

  async encryptMessagePromise(symKey: cryptoFramework.SymKey, plainText: cryptoFramework.DataBlob) {
    let cipher = cryptoFramework.createCipher('AES128|CBC|PKCS5');
    await cipher.init(cryptoFramework.CryptoMode.ENCRYPT_MODE, symKey, this.iv);
    let cipherData = await cipher.doFinal(plainText);
    return cipherData;
  }

  async decryptMessagePromise(symKey: cryptoFramework.SymKey, cipherText: cryptoFramework.DataBlob) {
    let decoder = cryptoFramework.createCipher('AES128|CBC|PKCS5');
    await decoder.init(cryptoFramework.CryptoMode.DECRYPT_MODE, symKey, this.iv);
    let decryptData = await decoder.doFinal(cipherText);
    return decryptData;
  }

  async genSymKeyByData(symKeyData: Uint8Array) {
    let symKeyBlob: cryptoFramework.DataBlob = { data: symKeyData };
    let aesGenerator = cryptoFramework.createSymKeyGenerator('AES128');
    let symKey = await aesGenerator.convertKey(symKeyBlob);
    return symKey;
  }

  // Uint8Array转化Base64
  uint8ArrayToBase64(fileData: Uint8Array): string {
    return this.base64Helper.encodeToStringSync(fileData);
  }

  // Base64转化Uint8Array
  base64ToUint8Array(fileData: string): Uint8Array {
    return this.base64Helper.decodeSync(fileData);
  }

  // 将UTF-8编码转换成Unicode编码
  uint8ArrayToString(array: Uint8Array) {
    let out: string = '';
    let index: number = 0;
    let len: number = array.length;
    while (index < len) {
      let character = array[index++];
      switch(character >> 4) {
        case 0:
        case 1:
        case 2:
        case 3:
        case 4:
        case 5:
        case 6:
        case 7:
          out += String.fromCharCode(character);
          break;
        case 12:
        case 13:
          out += String.fromCharCode(((character & 0x1F) << 6) | (array[index++] & 0x3F));
          break;
        case 14:
          out += String.fromCharCode(((character & 0x0F) << 12) | ((array[index++] & 0x3F) << 6) | ((array[index++] & 0x3F) << 0));
          break;
        default:
          break;
      }
    }
    return out;
  }

  build() {
    Column({ space: 20 }) {
      Text('AES128|CBC|PKCS5')
        .fontSize(30)

      Button('加密')
        .fontSize(50)
        .onClick(async () => {
          try {
            let keyData = new Uint8Array([83, 217, 231, 76, 28, 113, 23, 219, 250, 71, 209, 210, 205, 97, 32, 159]);
            let symKey = await this.genSymKeyByData(keyData);
            console.info(`originMessage: ${this.originMessage}`);
            let plainText: cryptoFramework.DataBlob = { data: new Uint8Array(buffer.from(this.originMessage, 'utf-8').buffer) };
            console.info(`plainText: ${this.uint8ArrayToBase64(plainText.data)}`);
            let encryptText = await this.encryptMessagePromise(symKey, plainText);
            this.encryptText = this.uint8ArrayToBase64(encryptText.data);
            console.info(`encryptText: ${this.encryptText}`);
          } catch (error) {
            console.error(`AES CBC "${error}", error code: ${error.code}`);
          }
        })

      Text(`originMessage: ${this.originMessage}`)
        .fontSize(30)

      Button('解密')
        .fontSize(50)
        .onClick(async () => {
          try {
            let keyData = new Uint8Array([83, 217, 231, 76, 28, 113, 23, 219, 250, 71, 209, 210, 205, 97, 32, 159]);
            let symKey = await this.genSymKeyByData(keyData);
            let decryptText = await this.decryptMessagePromise(symKey, { data: this.base64ToUint8Array(this.encryptText) });
            console.info(`decryptText: ${JSON.stringify(this.uint8ArrayToBase64(decryptText.data))}`);
            this.finalMessage = this.uint8ArrayToString(decryptText.data)
            console.info(`finalMessage: ${this.finalMessage}`);
          } catch (error) {
            console.error(`AES CBC "${error}", error code: ${error.code}`);
          }
        })

      Text(`finalMessage: ${this.finalMessage}`)
        .fontSize(30)
    }
    .justifyContent(FlexAlign.Center)
    .alignItems(HorizontalAlign.Center)
    .height('100%')
    .width('100%')
  }
}
相关推荐
李鸿耀2 小时前
主题换肤指南:设计到开发的完整实践
前端
带娃的IT创业者7 小时前
TypeScript + React + Ant Design 前端架构入门:搭建一个 Flask 个人博客前端
前端·react.js·typescript
非凡ghost8 小时前
MPC-BE视频播放器(强大视频播放器) 中文绿色版
前端·windows·音视频·软件需求
Stanford_11068 小时前
React前端框架有哪些?
前端·微信小程序·前端框架·微信公众平台·twitter·微信开放平台
洛可可白9 小时前
把 Vue2 项目“黑盒”嵌进 Vue3:qiankun 微前端实战笔记
前端·vue.js·笔记
学习同学9 小时前
从0到1制作一个go语言游戏服务器(二)web服务搭建
服务器·前端·golang
-D调定义之崽崽9 小时前
【初学】调试 MCP Server
前端·mcp
四月_h10 小时前
vue2动态实现多Y轴echarts图表,及节点点击事件
前端·javascript·vue.js·echarts
文心快码BaiduComate10 小时前
用Zulu轻松搭建国庆旅行4行诗网站
前端·javascript·后端
行者..................11 小时前
手动编译 OpenCV 4.1.0 源码,生成 ARM64 动态库 (.so),然后在 Petalinux 中打包使用。
前端·webpack·node.js