移動終端 Web版密碼控件實現方式

2019-11-06 06:36:41

字體：大中小

來源：轉載

供稿：網友

一、概要基于 JS+CSS，采用服務端控制客戶端輸入邏輯的 Web 版安全輸入組件，采用這種機制，可大幅度提高手機、平板系統瀏覽器中輸入密碼的安全性。組件特點： 1、用戶輸入的密碼信息在客戶端中不會有任何殘留，可有效防止惡意程序通過接口，內存查看等方式獲取用戶密碼； 2、采用 RSA 加密算法對輸入內容進行加密，避免惡意程序對通訊鏈路中的數據進行攔截分析； 3、可自適應現有主流屏幕分辨率。二、實現流程1、頁面初始化，請求服務端根據規則生成相應的html（密碼控件）并返回給前端2、用戶使用返回的html（密碼控件），輸入相應的密碼3、前端將輸入的密碼通過js RSA算法加密并提交到服務端4、服務端根據規則解密后并進行業務邏輯的后續處理三、實現細節1、密碼鍵盤分為數字鍵盤、字母鍵盤(含大小寫)和全鍵盤2、如果是數字鍵盤：生成隨機安全隨機數 0 ~ 9,根據 SecureRandom.nextInt()方法3、如果是字母鍵盤：生成隨機26個英文字母，根據chars(97 + i)4、如果是全鍵盤：則是2 、3點的組合5、創建一個NumberPassWordImageMaker類，用于將數字按照設定的規則轉換成圖片 ImageInfo 類6、創建一個AlphabetPasswordImageMaker類，用于將字母(含大小寫)按照設定的規則轉換成圖片 ImageInfo 類7、創建一個HTMLMaker類，用于將生成的圖片轉換成DIV8、將DIV中對應的KeyIdnex保存在Httpsession中，用于后續比較9、將生成的DIV通過約定的方式返回給前端

上一篇：Add Two Numbers

下一篇：PAT 1069