AES暗号化の使用 データ転送の暗号化と復号化処理 --- AES.js 最初のステップ: vue に crypto-js 依存関係をインストールする
ステップ2: 静的ディレクトリに新しい AES.js ファイルを作成します。例: ステップ3: AES.jsに次のコードを入力してください 「crypto-js」からCryptoJSをインポートします。 // npm をインストール crypto-js --save-dev //指定された数の32ビットキーをランダムに生成する エクスポートデフォルト{ 生成キー(数値) { ライブラリを = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; キーを "" にします。 (var i = 0; i < num; i++) の場合 { randomPoz = Math.floor(Math.random() * library.length); とします。 キー += library.substring(randomPoz, randomPoz + 1); } リターンキー; }, //暗号化(単語、keyStr) { keyStr = keyStr ? keyStr : "CXMGNcYwTrtsadQmV935ONNXMUycpG1g"; //ksyが存在するかどうかを判断します。存在しない場合は、定義されたキーを使用します var key = CryptoJS.enc.Utf8.parse(keyStr); var srcs = CryptoJS.enc.Utf8.parse(単語); var 暗号化 = CryptoJS.AES.encrypt(srcs, キー, { モード: CryptoJS.mode.ECB、 パディング: CryptoJS.pad.Pkcs7 }); 暗号化された.toString() を返します。 }, //復号化decrypt(word, keyStr) { keyStr = keyStr ? keyStr : "CXMGNcYwTrtsadQmV935ONNXMUycpG1g"; var key = CryptoJS.enc.Utf8.parse(keyStr); var decrypt = CryptoJS.AES.decrypt(単語、キー、{ モード: CryptoJS.mode.ECB、 パディング: CryptoJS.pad.Pkcs7 }); CryptoJS.enc.Utf8.stringify(decrypt).toString() を返します。 } }; ステップ4: 暗号化が必要な場所を紹介する
ステップ5: 電話 // オブジェクト/配列の場合は、まず JSON.stringify で文字列に変換する必要があります // 暗号化メソッドを呼び出します var encrypts = AES.encrypt(JSON.stringify(cars),keys); //復号化メソッドを呼び出します var dess = JSON.parse(AES.decrypt(encrypts,keys)); console.log(暗号化) console.log(暗号化の長さ) コンソールログ(dess) これで、Vue で AES.js を使用する詳細な手順に関するこの記事は終了です。Vue で AES.js を使用する方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: 写真のプレビューとアップロード機能を実現するhtml+css+js
>>: Docker nginxは1つのホストを実装して複数のサイトを展開します
目次はじめにNginx Dockerファイル新しい会議もっと参考文献はじめに最近、アプリケーションの...
この記事では、vueカードスタイルのクリックして切り替える画像コンポーネントを参考までに紹介します。...
Baidu によって定義されているデッドリンク形式には 2 種類あります。 1: XML形式のデッド...
最近、docker を学習していたときに、docker コンテナ内のネットワーク状態を照会するために...
序文まずは最終的な効果を見てみましょう。私が自分で作った小さなデモです。まずEChartsの公式サイ...
目次ローカルでコンテナを作成した後、このコンテナに基づいてローカル イメージを作成し、このイメージを...
これが何を意味するのかを理解するには、まずサブディレクトリとは何かを知る必要があります。では、サブデ...
序文著者は、アプリケーションからフレームワーク、オペレーティング システムに至るまで、あらゆるコード...
1 Dockerサービスを開始するまず、docker サービスを開始する方法を知っておく必要がありま...
inline-flex は inline-block と同じです。内部要素用の display:fl...
目次概要1. スタックとヒープ2. 変数オブジェクトと基本データ型3. 参照データ型とヒープメモリメ...
「ウェブサイトを高級感のあるものにするにはどうすればいいでしょうか? それともデザイン重視にすればい...
目次1. オープンソースの倉庫管理ツール Harbor 2 インストール2.1 DockerとDoc...
この記事では、主にリスト構造を使用して水平ナビゲーション構造を設定する 2 つの方法を紹介します。こ...
[LeetCode] 196.重複したメールを削除するSQL クエリを記述して、Person とい...