前端常用加密小技巧:encode, MD5,JSEncrypt

最近工作的时候,写了一个登录注册相关功能,用到了些加密的东西,特此分享~

什么是 MD5

MD5(Message Digest 5)是一种加密算法,用于生成数字消息或数据的固定长度(128 位)散列值。它是一种单向散列函数,这意味着无法从散列值中恢复原始消息。

作用

MD5 已广泛用于各种应用程序中,包括:

  • 数据完整性检查:验证数据的传输或存储是否未被篡改。
  • 密码保护:存储用户密码的散列值,而不是原始密码。
  • 数字签名:创建数字签名以验证消息的来源和完整性。

用法

要使用 MD5,需要使用 MD5 算法对输入数据进行散列。这可以通过使用编程语言中的 MD5 库或使用在线 MD5 计算器来完成。

下载和安装(使用 JavaScript)

JavaScript 中没有内置的 MD5 库。但是,可以使用 CryptoJS 库来实现 MD5 散列。

npm install crypto-jsconst CryptoJS = require("crypto-js");// 使用MD5加密
const message = "需要加密的信息";
const md5Value = CryptoJS.MD5(message).toString();console.log(md5Value); // 输出MD5加密后的字符串

2.什么是JSEncrypt 

JSEncrypt 是一个用于在 JavaScript 中进行 RSA 加密和解密的开源库。它提供了一个方便且安全的界面,可让开发人员在 Web 应用程序中轻松实施加密功能。

作用

JSEncrypt 主要用于以下目的:

  • **加密敏感数据:**保护传输或存储的敏感数据(如密码、信用卡信息等)免遭未经授权的访问。
  • **数字签名:**创建安全的数字签名以验证消息的真实性和完整性。
  • **非对称加密:**实现非对称加密,其中使用一对公钥和私钥进行加密和解密。
  • **公钥基础设施 (PKI):**支持 PKI 系统的实施,该系统依赖于数字证书和信任链来验证实体的身份。

主要特点

JSEncrypt 库提供以下主要特点:

  • **基于标准:**它遵循 RSA 算法的 PKCS#1 v1.5 和 v2.1 标准。
  • **跨平台支持:**可以在各种 JavaScript 环境中使用,包括 Node.js 和 Web 浏览器。
  • **轻量级:**它是一个小巧且高效的库,不会对应用程序的性能产生重大影响。
  • **简单易用:**提供一个易于使用的 API,使开发人员可以轻松集成加密功能。
  • **安全:**它使用经过行业验证的加密算法和安全最佳实践。

JSEncrypt 加密的示例

npm install jsencrypt

import JSEncrypt from 'jsencrypt';

以下是一个使用 JSEncrypt 加密和解密文本的示例:

// 创建一个 JSEncrypt 实例
const encryptor = new JSEncrypt();// 设置公钥(假设您已从证书颁发机构获得)
encryptor.setKey("-----BEGIN PUBLIC KEY-----\
MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDO630wGp...省略公钥内容...0NGkO9gJ+i40v74G5g2Q==");// 加密文本
const encrypted = encryptor.encrypt("这是要加密的文本");// 解密文本(假设您有私钥)
const decryptor = new JSEncrypt();
decryptor.setKey("-----BEGIN PRIVATE KEY-----\
MIICdgIBADANBgkqhkiG9w0BAQEFAASCAmAwggJcAgEAAoG...省略私钥内容...s7vd3Bk/vZ13m9v4k=\
-----END PRIVATE KEY-----\
");
const decrypted = decryptor.decrypt(encrypted);console.log("加密后的文本:", encrypted);
console.log("解密后的文本:", decrypted);

3:什么是 encode

encode 是一个将数据从一种格式转换为另一种格式的过程。它通常用于将二进制数据转换为文本格式,以便可以在网络上传输或存储。

encode 的类型

有许多不同的编码类型,包括:

  • **Base64:**一种将二进制数据转换为文本字符串的编码。通常用于在电子邮件和 URL 中传输数据。
  • **UTF-8:**一种将 Unicode 字符转换为字节序列的编码。通常用于在 Web 上传输文本。
  • **URL 编码:**一种将字符转换为安全字符的编码,以便它们可以在 URL 中使用。
  • **HTML 实体编码:**一种将字符转换为 HTML 实体的编码。通常用于在 HTML 文档中转义特殊字符。
const originalString = "Hello World!";
const encodedString = btoa(originalString); // Base64 编码
console.log(encodedString); // 输出:SGVsbG8gV29ybGQh
const originalString = "你好,世界!";
const encodedString = encodeURIComponent(originalString); // UTF-8 编码
console.log(encodedString); // 输出:%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C%EF%BC%81
const originalString = "Hello World! This is a test.";
const encodedString = encodeURIComponent(originalString); // URL 编码
console.log(encodedString); // 输出:Hello%20World%21%20This%20is%20a%20test%2E
const originalString = "<script>alert('XSS attack')</script>";
const encodedString = escape(originalString); // HTML 实体编码
console.log(encodedString); // 输出:%3Cscript%3Ealert%28%27XSS%20attack%27%29%3C%2Fscript%3E

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/817596.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

螺栓拧紧工具选择——SunTorque智能扭矩系统

智能扭矩系统-智能拧紧系统-扭矩自动控制系统-SunTorque 螺栓拧紧工具的选择遵循以下几点&#xff1a; &#xff08;1&#xff09;工艺要求精度。目前拧紧工具有两大类&#xff1a;一类是气动拧紧&#xff1b;另一类是电动拧紧&#xff0c;前者精度较后者精度低&#xff0c;发…

从HashMap了解二叉树、平衡二叉树、红黑树

前言 面试过程中&#xff0c;多多少少会问一点数据结构&#xff08;二叉树&#xff09;的问题&#xff0c;今天我们来复习一下二叉树的相关问题&#xff0c;文末总结。 1. 二叉树的由来 在 jdk1.8 之前&#xff0c;HashMap 的数据结构由「数组链表」组成&#xff0c;数组是 Ha…

免费插件集-illustrator插件-Ai插件-批量替换链接图

文章目录 1.介绍2.安装3.通过窗口>扩展>知了插件4.功能解释5.总结 1.介绍 本文介绍一款免费插件&#xff0c;加强illustrator使用人员工作效率&#xff0c;进行批量替换链接图。首先从下载网址下载这款插件 https://download.csdn.net/download/m0_67316550/87890501&am…

SAP NACE V1 销售订单打印配置

在项目上&#xff0c;经常会有一些打印的需求&#xff0c;实现的形式也是五花八门&#xff0c; 有通过写一个打印程序&#xff0c;集成所有打印的&#xff0c;也有通过配置NACE 来完成标准打印输出的 今天我们来记录一下&#xff0c;如何通过NACE 的配置一个标准销售订单的打…

【C++软件调试技术】C++软件开发维护过程中典型调试问题的解答与总结

目录 1、引发C软件异常的常见原因有哪些&#xff1f; 2、排查C软件异常的常用方法有哪些&#xff1f; 3、为什么要熟悉常见的异常内存地址&#xff1f; 4、调试时遇到调用IsBadReadPtr或者IsBadWritePtr引发的异常&#xff0c;该如何处理&#xff1f; 5、如何排查GDI对象泄…

滑动窗口最大值(力扣239)

解题思路&#xff1a;首先是用暴力循环来解&#xff0c;其次便是用队列来模拟这个滑动窗口&#xff0c;同时要自定义三个函数&#xff0c;一个pop用来弹出来保证滑动窗口的移动&#xff0c;同时我们把最大的放在队列口那里&#xff0c;当每次有更大的就把原来的挤出栈外&#x…

Newspaper Premium高级主题:新闻网站的最佳选择,快速、SEO优化与丰富功能

Newspaper Premium高级主题&#xff0c;作为WordPress平台上最畅销且时尚的新闻主题&#xff0c;以其卓越的性能和丰富的功能&#xff0c;深受新闻网站创作者的青睐。无论是新闻中心还是其他利基市场&#xff0c;这款主题都能完美应对&#xff0c;助力您快速搭建起一个引人注目…

openstack安装dashboard后登录网页显示404错误

1. 2.进入该目录vim /etc/httpd/conf.d/openstack-dashboard.conf 增加这一行 WSGIApplicationGroup %{GLOBAL} 重启httpd后就可以访问了

如何在Windows使用固定公网地址SSH远程访问本地Archcraft系统

文章目录 1. 本地SSH连接测试2. Archcraft安装Cpolar3. 配置 SSH公网地址4. 公网远程SSH连接小结 5. 固定SSH公网地址6. SSH固定地址连接 Archcraft是一个基于Arch Linux的Linux发行版&#xff0c;它使用最简主义的窗口管理器而不是功能齐全的桌面环境来提供图形化用户界面。 C…

推荐两款HTTP请求Mock利器

1、背景 在日常测试过程中或者研发开发过程中&#xff0c;目前接口暂时没有开发完成&#xff0c;测试人员又要提前介入接口测试中&#xff0c;测试人员不仅仅只是简单的编写测试用例&#xff0c;也可以通过一些mock的方法进行来提前根据接口测试的情况进行模拟返回接口的信息&…

赚钱游戏 2.0.1 版 (资源免费)

没有c编辑器的可以直接获取资源来玩 #include <iostream> #include <string> #include <windows.h> #include <conio.h> #include <fstream> #include <ctime> #include <time.h> #include <stdio.h> #include <cstring&g…

redis如何实现故障转移

Redis可以通过以下几种方式实现故障转移&#xff1a; Redis Sentinel&#xff1a;Redis Sentinel是一种自动故障转移解决方案&#xff0c;它由三个组件组成&#xff1a;一个主服务器、一个或多个从服务器和一个监控代理。监控代理负责监控主服务器&#xff0c;并在主服务器出现…

2024年认证杯数学建模C题思路+模型+代码

C题 云中的海盐 巴黎气候协定提出的目标是&#xff1a;在 2100 年前&#xff0c;把全球平均气温相对于工业 革命以前的气温升幅控制在不超过 2 摄氏度的水平&#xff0c;并为 1.5 摄氏度而努力。 但事实上&#xff0c;许多之前的研究已经指出&#xff0c;全球的碳排放以及…

微信小程序支付Java工具类

准备工作 微信支付开发前&#xff0c;需要先获取商家信息&#xff0c;包括商户号、AppId、证书和密钥&#xff1a; 获取商户号&#xff1a;微信商户平台 申请成为商户 > 提交资料 > 签署协议 > 获取商户号&#xff1b;获取AppID&#xff1a;微信公众平台 注册服务号…

使用SpeechRecognition和vosk处理ASR

SpeechRecognition可以支持多种模型语音转文字&#xff0c;感觉vosk还不错&#xff0c;使用起来也简单一些&#xff1b;百度也有PaddleSpeech&#xff0c;但是安装起来太麻烦&#xff0c;不是这个库版本不对就是那个库有问题&#xff0c;用起来不方便&#xff1b; 安装SpeechR…

【Git教程】(十)版本库之间的依赖 —— 项目与子模块之间的依赖、与子树之间的依赖 ~

Git教程 版本库之间的依赖 1️⃣ 与子模块之间的依赖2️⃣ 与子树之间的依赖&#x1f33e; 总结 在 Git 中&#xff0c;版本库是发行单位&#xff0c;代表的是一个版本&#xff0c;而分支或标签则只能被创建在版本库这个整体中。如果一个项目中包含了若干个子项目&#xff0c;…

12.文件浏览器

子程序参数的使用 1.可空的用法&#xff1b;表示这个参数不写也行。 2.如何使用递归 3.需要注意的事 递归的子程序必须有个退出的条件 注意区分递归和循环&#xff0c;不要混用 流程&#xff1a; 1.插入按钮&#xff0c;输入输出调试文本&#xff08;“按钮被单击”&…

2024年主流的java混淆工具有哪些

2024年&#xff0c;主流的Java混淆工具可能会包括&#xff1a; ProGuard&#xff1a;ProGuard 是一个免费的开源 Java 混淆工具&#xff0c;可用于压缩、优化和混淆 Java 字节码。它是Android开发者的首选混淆工具之一&#xff0c;并且在Java应用程序中也得到了广泛应用。 Dex…

Windows本地部署Ollama+qwen本地大语言模型Web交互界面并实现公网访问

文章目录 前言1. 运行Ollama2. 安装Open WebUI2.1 在Windows系统安装Docker2.2 使用Docker部署Open WebUI 3. 安装内网穿透工具4. 创建固定公网地址 前言 本文主要介绍如何在Windows系统快速部署Ollama开源大语言模型运行工具&#xff0c;并安装Open WebUI结合cpolar内网穿透软…

OpenCV4.9图像金字塔

目标 在本教程中&#xff0c;您将学习如何&#xff1a; 使用 OpenCV 函数 pyrUp()和 pyrDown()对给定图像进行下采样或上采样。 理论 注意 下面的解释属于 Bradski 和 Kaehler 的 Learning OpenCV 一书。 通常&#xff0c;我们需要将图像转换为与原始图像不同的大小。为此…