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

简介

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

开发环境

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

系统: OpenHarmony 5.0.3.135

设备: DAYU200(rk3568)

最佳实践示例

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

@Entry
@Component
struct CryptoArchitectureTest1 {

  encryptText: string = ''
  iv = this.genIvParamsSpec();
  base64Helper = new util.Base64Helper()
  @State originMessage: string = '1111111111111111' // AES128|CBC|NoPadding,明文长度必须为128位整数倍,
  @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|NoPadding');
    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|NoPadding');
    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|NoPadding')
        .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%')
  }
}
相关推荐
zeqinjie几秒前
Flutter 使用 AI Cursor 快速完成一个图表封装【提效】
前端·flutter
真上帝的左手6 分钟前
24. 前端-js框架-Vue
前端·javascript·vue.js
3Katrina16 分钟前
《Stitch的使用指南以及AI新开发模式杂谈》
前端
无羡仙18 分钟前
按下回车后,网页是怎么“跳”出来的?
前端·node.js
喝拿铁写前端18 分钟前
Vue 实战:构建灵活可维护的菜单系统
前端·vue.js·设计模式
ZzMemory21 分钟前
一套通关CSS选择器,玩转元素定位
前端·css·面试
圆心角24 分钟前
小米面挂了
前端·面试
我的小月月26 分钟前
Vue移动端"回到顶部"组件深度解析:拖拽、动画与性能优化实践
前端
前端康师傅28 分钟前
你还在相信前端加密吗?前端密码加密安全指南
前端·安全
小白白一枚11132 分钟前
HTML5的新特性
前端·html·html5