Vue3 vite+ts は jsencrypt データ暗号化方式を使用します

npm install jsencrypt 暗号化パッケージ

jsencrypt 暗号化パッケージをインストールし、インストール パッケージ情報を本番環境に追加します。

npm install jsencrypt -S
# 或者
npm i jsencrypt -S

jsencrypt 暗号化

1.import jsencrypt モジュールのインポート

単一ファイル コンポーネントで「import」を使用して、最初に「jsencrypt」モジュールをインポートします。

2.jsencrypt インスタンスを作成する

次に、jsencrypt インスタンス オブジェクトを作成します - - - new JSEncrypt()

3.setPublicKey() 暗号鍵の設定

作成したjsencryptインスタンスオブジェクトのsetPublicKey()メソッドを呼び出して暗号鍵を設定する

4.encrypt() データ暗号化

作成した jsencrypt インスタンス オブジェクトの encrypt() メソッドを呼び出して、暗号化するデータを暗号化すると、関数は暗号化された文字列の文字列を返します

例：

// 导入jsencrypt
import JSEncrypt from 'jsencrypt/bin/jsencrypt';

// 使用
const encrypt = new JSEncrypt();  // 创建实例
const pubKey: string = '*****';   // 定义用来加密的一个key（加密钥匙）
encrypt.setPublicKey(pubKey);  // 将 pubKey 设置为 encrypt加密key

const res = encrypt.encrypt('要加密的内容');  // 返回加密后的一串字符串

jsencrypt 復号化

1.import jsencrypt モジュールのインポート

単一ファイル コンポーネントで「import」を使用して、最初に「jsencrypt」モジュールをインポートします。

2.jsencrypt インスタンスを作成する

次に、jsencrypt インスタンス オブジェクトを作成します - - - new JSEncrypt()

3.setPrivatekey() 復号鍵を設定する

作成したjsencryptインスタンスオブジェクトのsetPrivatekey()メソッドを呼び出して復号鍵を設定する

4.decrypt() データの復号化

作成した jsencrypt インスタンス オブジェクトの decrypt() メソッドを呼び出して、暗号化されたデータを復号化し、復号化されたデータを返します。

例：

// 导入jsencrypt
import JSEncrypt from 'jsencrypt/bin/jsencrypt';

// 使用
const encrypt = new JSEncrypt();  // 创建实例
const privateKey: string = '*****';   // 用来解密的一个key（解密钥匙）
encrypt.setPrivatekey(privateKey);  // 将 pubKey 设置为 encrypt加密key

const res = encrypt.decrypt('要解密的内容');  // 返回解密后的数据

予防

vite フレームワークに暗号化モジュールをインストールしてインポートした後、それを使用するとエラーが報告され、暗号化モジュールを「env.d.ts」で宣言する必要があります。

declare module 'jsencrypt/bin/jsencrypt'