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