欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

??一文帶你了解JavaScript多文件混淆加密

 更新時(shí)間：2023年11月27日 09:04:58   作者：不寫?代碼沒飯吃  
JavaScript?代碼多文件混淆加密可以有效保護(hù)源代碼不被他人輕易盜取,這篇文章主要為大家介紹了JavaScript中混淆加密的實(shí)現(xiàn),需要的小伙伴可以參考下

 一文帶你了解 JavaScript 多文件混淆加密

JavaScript 代碼多文件混淆加密可以有效保護(hù)源代碼不被他人輕易盜取。雖然前端的 JS 無法做到純粹的加密，但通過一系列的混淆操作，可以讓源碼變得難以閱讀，增加他人復(fù)制的難度。強(qiáng)烈推薦您試一試 ipaguard代碼加密工具，它能夠?yàn)槟拇a提供更強(qiáng)的保護(hù)。

對(duì)于 webpack、vite 等打包后的多 JS 文件，建議只對(duì)核心代碼進(jìn)行單獨(dú)混淆加密，以避免性能損耗。如果您想了解更多關(guān)于如何使用 safekodo 進(jìn)行混淆加密的操作，請(qǐng)繼續(xù)閱讀本文。

我們先來看目錄結(jié)構(gòu)及文件信息

sk-demo├─ index.html├─ js│  ├─ a.js│  └─ b.js├─ readme.md└─ safekodo-js

可以看到在 sk-demo 項(xiàng)目下有一個(gè) index.html 及兩個(gè)文件夾： js 文件夾放的是未加密的 JS 代碼，safekodo-js 則是多文件加密后的 JS 文件。

首先是 index.html 代碼如下：

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>safekodo 多文件js混淆加密測(cè)試</title>
    <script src="./js/a.js"></script>
    <script src="./js/b.js"></script>
 
</head>
 
<body>
    <button  onclick="functionA()">測(cè)試</button>
 
    <div id="demo">
        <div>頁面未點(diǎn)擊</div>
    </div>
</body>
 
</html>

然后是a.js, 里面包含了兩個(gè)掛載在了全局的方法,appendHtml functionA

window.appendHtml = (textContent,color) => {
    let div = document.createElement('div');
    div.style.color = color;
    div.textContent = textContent;
    document.getElementById('demo').appendChild(div);
}
window.functionA = () => {
    document.querySelector('#demo div').remove();
    appendHtml('點(diǎn)擊按鈕調(diào)用了functionA','red')
    functionB();
}

然后是b.js

window.functionB = () => {
    appendHtml('functionA中調(diào)用了functionB', 'blueviolet')
}

首先，通過按鈕觸發(fā)執(zhí)行了 a.js 的 functionA 方法，然后在 functionA 中調(diào)用了 b.js 的 functionB 方法。

頁面視圖可以看到以下變化:

未點(diǎn)擊按鈕時(shí) - 頁面顯示按鈕和頁面未點(diǎn)擊字樣

點(diǎn)擊按鈕后 - 頁面上頁面未點(diǎn)擊字樣被移除，出現(xiàn)了紅色的點(diǎn)擊按鈕調(diào)用了 functionA 字樣，隨后又出現(xiàn)了 functionA 中調(diào)用了 functionB 字樣( 注意: 因?yàn)?JS 運(yùn)行非?？?，所以實(shí)際看上去是一瞬間變化就完成了)

?

ipaguard加密前

要對(duì)以上多個(gè) JS 文件進(jìn)行加密，需要先將它們壓縮為 ZIP 格式。最好直接在 JS 文件目錄內(nèi)壓縮 a、b 兩個(gè)文件，確保解壓 ZIP 后直接得到的是 2 個(gè) JS 文件而不是一個(gè)文件夾。

打開 ipaguard 官網(wǎng)，選擇頂部導(dǎo)航欄的  JS 多文件加密。將 ZIP 文件拖入或點(diǎn)擊選中 ZIP 文件，根據(jù)需求修改加密參數(shù)配置，然后點(diǎn)擊提交加密。等待文件加密完成后，即可點(diǎn)擊下載文件。

將 ZIP 解壓到項(xiàng)目的 ipaguard-js 文件夾下。文件目錄結(jié)構(gòu)如下所示：ipaguard-js 包含兩個(gè)加密后的 JS 文件。

sk-demo├─ index.html├─ js│  ├─ a.js│  └─ b.js└─ safekodo-js│  ├─ a.js│  └─ b.js├─ readme.md

隨后修改index.html的引用路徑

    <!-- <script src="./js/a.js"></script>
    <script src="./js/b.js"></script> -->
 
    <script src="./safekodo-js/a.js"></script>
    <script src="./safekodo-js/b.js"></script>

隨后點(diǎn)擊測(cè)試按鈕 js依舊調(diào)用成功。

ipaguard加密后

好了，相信大家通過上述的小 demo 已經(jīng)學(xué)會(huì)了如何使用 ipaguard 代碼加密工具對(duì)多個(gè) JS 文件進(jìn)行加密了。

到此這篇關(guān)于? 一文帶你了解JavaScript多文件混淆加密的文章就介紹到這了,更多相關(guān)JavaScript混淆加密內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論