非工程化web前端项目混淆加密

原创已于 2023-05-25 17:27:12 修改 · 459 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2023-05-25 14:22:10 首次发布

文章介绍了如何对非工程化的jQuery项目进行代码混淆加密，通过npm初始化，安装JavaScriptObfuscator库，然后编写脚本遍历指定目录下的.js文件进行混淆。混淆过程会将源代码替换为混淆后的版本，以提高代码安全性。注意应避免混淆已压缩的.min.js文件。

实际开发中，有些老的项目并非工程化的项目，如纯的jquery项目等等，如果要实现所有代码的混淆加密要如何操作呢？

首先npm初始化

npm init -y

安装 JavaScript Obfuscator

npm install --save-dev javascript-obfuscator

新建index.js`
内容如下：

// index.js
const fs = require('fs');
const path = require('path');
const JavaScriptObfuscator = require('javascript-obfuscator');

// 指定要混淆的目录和文件后缀
const obfuscateDirectory = 'src';
const obfuscateFileExtensions = ['.js'];

// 混淆函数
function obfuscateFile(file) {
  console.log(`Obfuscating ${file}...`);

  const filePath = path.resolve(__dirname, file);
  const fileContent = fs.readFileSync(filePath, 'utf8');
  const obfuscationResult = JavaScriptObfuscator.obfuscate(fileContent);

  fs.writeFileSync(filePath, obfuscationResult.getObfuscatedCode());
}

// 遍历目录并混淆所有 JS 文件
function obfuscateFiles(directory) {
  const files = fs.readdirSync(directory);

  for (const file of files) {
    const filePath = path.join(directory, file);
    const fileStat = fs.statSync(filePath);

    if (fileStat.isDirectory()) {
      obfuscateFiles(filePath);
    } else if (obfuscateFileExtensions.includes(path.extname(filePath))) {
      obfuscateFile(filePath);
    }
  }
}

// 开始混淆
obfuscateFiles(obfuscateDirectory);