基于node簡單實現(xiàn)RSA加解密的方法步驟
因項目登錄密碼字段沒有加密引起安全問題,琢磨了下如何基于RSA加密,進行前后端通信(Java項目)??沼鄷r間,看了下在node下的實現(xiàn)。
一、準(zhǔn)備
前端是利用jsencrypt.js去加密,后端利用node-rsa去生成公私鑰并解密。
二、實現(xiàn)
我是使用koa2初始化的項目。首先,需要前端頁面顯示和處理加密數(shù)據(jù),所以直接在views中新建了index.html,用html為了不在學(xué)習(xí)模板上花時間。
修改index中的路由,
router.get('/', async (ctx, next) => { await ctx.render('index.html'); });
在html中引入jsencrypt.js,界面內(nèi)容僅為一個輸入框和發(fā)送命令的按鈕:
<body> <input type="text" id="content"/> <button id="start">gogogog</button> </body> <script src="/javascripts/jsencrypt.js"></script> <script> document.getElementById('start').onclick = function() { // 獲取公鑰 fetch('/publicKey').then(function(res){ return res.text(); }).then(function(publicKey) { // 設(shè)置公鑰并加密 var encrypt = new JSEncrypt(); encrypt.setPublicKey(publicKey); var encrypted = encrypt.encrypt(document.getElementById('content').value); // 發(fā)送私鑰去解密 fetch('/decryption', { method: 'POST', body: JSON.stringify({value:encrypted}) }).then(function(data) { return data.text(); }).then(function(value) { console.log(value); }); }); }; </script>
點擊按鈕,將輸入框中的值先加密,再發(fā)送給服務(wù)器解密并打印該值。
前端用到了,publicKey和decryption接口,來看下服務(wù)端的實現(xiàn)。
首先引入node-rsa包,并創(chuàng)建實例,再輸出公私鑰,其中,setOptions必須得加上,否者會有報錯問題。
const NodeRSA = require('node-rsa'); const key = new NodeRSA({b: 1024}); // 查看 https://github.com/rzcoder/node-rsa/issues/91 key.setOptions({encryptionScheme: 'pkcs1'}); // 必須加上,加密方式問題。
publicKey(GET),用于獲取公鑰,只需要調(diào)用下內(nèi)置的方法就行了,
router.get('/publicKey', async (ctx, next) => { var publicDer = key.exportKey('public'); var privateDer = key.exportKey('private'); console.log('公鑰:', publicDer); console.log('私鑰:', privateDer); ctx.body = publicDer; });
公鑰傳出給前端加密用,后端使用私鑰解密,
router.post('/decryption', async (ctx, next) => { var keyValue = JSON.parse(ctx.request.body).value; const decrypted = key.decrypt(keyValue, 'utf8'); console.log('decrypted: ', decrypted); ctx.body = decrypted; });
解密時調(diào)用decrypt進行解密,前端控制臺就能輸出對應(yīng)的值了。
三、demo詳細(xì)代碼
說這么多,直接查看代碼最直觀啦,詳細(xì)代碼查看:demo。
npm i & npm run start
訪問3000端口就可以了。
四、實際項目
在使用npm安裝方式(vue或react)的項目中,可以這么使用:
npm i jsencrypt // 實際使用 import { JSEncrypt } from 'jsencrypt';
項目地址可以查看:https://github.com/2fps/blooog。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
nodejs實現(xiàn)遍歷文件夾并統(tǒng)計文件大小
這篇文章主要介紹了nodejs實現(xiàn)遍歷文件夾并統(tǒng)計文件大小,下面使用nodejs的遍歷文件夾文件內(nèi)容,并且讀取所有的文件,并采取排序往大到小的順序進行輸出,需要的朋友可以參考下2015-05-05參考EventEmitter實現(xiàn)完整訂閱發(fā)布功能函數(shù)
這篇文章主要為大家介紹了參考EventEmitter實現(xiàn)完整訂閱發(fā)布功能函數(shù)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02Node.js websocket使用socket.io庫實現(xiàn)實時聊天室
這篇文章主要為大家詳細(xì)介紹了Node.js websocket使用socket.io庫實現(xiàn)實時聊天室,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02node-red教程之dashboard簡介與輸入型儀表板控件的使用
Node-red支持自定義節(jié)點,當(dāng)然也就支持自定義圖形化的節(jié)點。也有優(yōu)秀的開發(fā)者把自己建立的圖形化節(jié)點無償分享。這里給出一個股票界面的例子,讓大家看一看優(yōu)秀的node-red界面能做到什么樣子2022-01-01node.js操作mongodb學(xué)習(xí)小結(jié)
這篇文章主要介紹了node.js操作mongodb學(xué)習(xí)小結(jié),本文給出了mongodb創(chuàng)建數(shù)據(jù)庫、插入數(shù)據(jù)以及連接mongodb數(shù)據(jù)庫并查詢數(shù)據(jù)等代碼實例,需要的朋友可以參考下2015-04-04Node.js折騰記一:讀指定文件夾,輸出該文件夾的文件樹詳解
這篇文章主要介紹了Node.js讀指定文件夾輸出該文件夾文件樹,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04Node.JS用純JavaScript生成圖片或滑塊式驗證碼功能
有一些Node.JS圖片生成類庫,比如node-captcha等的類庫,需要c/c++程序生成圖片??缙脚_部署不是很方便。這里介紹幾個用純JS實現(xiàn)的圖片驗證碼生成模塊,需要的朋友可以參考下2019-09-09