jsencrypt暗号化されたフィールドでの使用のためのフロントエンドプロジェクト

現場での使用のために遠位暗号化されたアイテムをjsencrypt。

使用方法：①取得から公開鍵提供②③オブジェクトインスタンス④その後、暗号化データを戻すために必要な公開鍵。

シンプルなパッケージについて

/ * * 
 * NPMは、-S jsencryptインストール
 *あなたが送信ボタンをクリックしたときに公衆に、バックエンドで返される一般的には、我々が返された公開鍵を取得するためのAJAXリクエストを送信することができます@param getPublicKey GET 
 * @paramデータは、我々は暗号化する必要がデータは、暗号化の新しい部分をインスタンス化することによって返されたオブジェクトを通過した後、その後に後端にパラメータとして送信
 {PromiseLike @Returns <ArrayBuffer>} * 
 * / 
機能EncryptData（getPublicKey、データ）{ 

    // インスタンス化オブジェクト 
    =暗号化させ、新たな新JsEncrypt（）; 

    // 公開鍵設定
    encrypt.setPublicKey（getPublicKeyを）; 

    //は暗号化されたデータを返す
    リターンencrypt.encrypt（データを）; 
}

一例として、VUEのプロジェクトに、以下の簡単なデモを書きます

<テンプレート> 

</テンプレート> 

<スクリプト> 
    インポートJsEncryptから 'jsencrypt' 
    インポートAxiosから 'Axios' 
    エクスポートデフォルト{ 
        データ（）{ 
          リターン{ 
              ユーザー名： 'こんにちは' 、
              パスワード： '' 
          } 
        }、
        メソッド：{ 
            EncryptData（getPublicKey 、データ）{ 

                // のインスタンス化オブジェクト 
                せて暗号化が= 新しい新しいJsEncrypt（）; 

                // 公開鍵設定
                encrypt.setPublicKey（getPublicKeyを）; 

                //は、暗号化されたデータを返し
                リターンencrypt.encrypt（データ）; 
            }、 
            （）{ 登録
                Axios（{ 
                    ：メソッド 'POST' 、
                    URL： '' 、
                。}）を、次いで（RES => {
                     // 次のようにキーRESは、後端に戻さ
　　　　　　　　　　　　/ / LETのRES = '+ VHPOwxi0re MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCa / GhWApLl6WQMoTKazQsPp66AD8CKt2TaPrwv dDFdQ5jP9xRbalGhLhEBlDq20oOCuIwWAI7 + / + Qe7DqIE0pMrTi yWKzuRp0E s0QTTvjYIBd + / + Wj9R007WT ELkqibehYIvJ4sIEM / 64vGG / FaPsK9RsZiGShOAQIDAQAB'

                    パスワード=ましょうencryptData（RES、パスワード）; 
                    axios（{ 
                        メソッド： 'ポスト' 、
                        URL： '' 、
                        データ：{ 
                            ユーザー名：この.username、
                            パスワード：パスワード
                        } 
                    }）。次に、（RESS => { 
                        にconsole.log（RESS）; 
                    }）
                }）
            } 
        } 
    }
 </ SCRIPT> 

<スタイル> 

</スタイル>