十分钟快速掌握 Base 64 | Java JS 密码系列
Java 密码系列 - Java 和 JS Base 64
Base 64 不属于密码技术,仅是编码方式。但由于在 Java、JavaScript、区块链等出现的频率较高,故在本系列文章中首先分享 Base 64 编码技术。前面部分主要介绍 Base 64 理论性的内容,如果只看在 Java(SpringBoot)或 JS(Vue)中的实现,可以直接跳到最后。
本文所有代码可在 github 上获取:
- 后端代码搜索
hero-springboot-demo
;- 前端代码搜索
hero-vue3-demo
。
1 Base 64 介绍
要说清楚 Base 64 编码,首先得从 byte 开始说。
1.1 关于byte
在 Java 中,byte 是 8 种基本数据类型之一。byte 类型表示字节,一个字节由 8 个 bit (比特/位)组成。每个 bit 位表示一个二进制,即 0 或 1。在操作系统中,byte 是数据存储的基本单位,如描述硬盘的大小是 512 MB,其基本单位就是 byte。
- bit:比特、位,每个 bit 不是 0 就是 1;
- byte:字节,数据存储的基本单位;
- 1 byte = 8 bit
在 Java 中可以通过 getBytes(StandardCharsets.UTF_8)
方法获取字符串的 byte 数组。
@Test
public void testStrBytes() {String str = "a";byte[] bytes = str.getBytes(StandardCharsets.UTF_8);for (byte b : bytes) {System.out.println(b); // 97System.out.println(Integer.toBinaryString(b)); // 1100001}
}
字符 a
的 ASCII 码是 97,通过 Integer.toBinaryString(b)
方法,获取字节对应的 bit 字符串。二进制 1100001 对应的十进制为 97。
一个英文字符对应了1个 byte,即 8 个 bit;如果是 3个英文字符,则会对应 3 个 byte,也就是 3 * 8 = 24 个 bit。彻底弄清楚 byte 和 bit 后,接下来看看 Base 64 编码。
1.2 Base 64 组成
前面说过,Base 64 是一种编码方式,目的是提高可读性,不具有安全的功能。
从名字上看。64 是指 64 个字符,就是指这种编码方式得到的结果在这 64 个字符中。注意,不是说编码后的结果的长度为 64,而是组成编码结果每一位的字符都在 64 个字符之内。这 64 个字符包括:
- 大写 A - Z,共 26 个;
- 小写 a - z,共 26个;
- 数字 0 - 9,共 10 个;
- 两个符号:加号 + 和 斜线 /
26 + 26 + 10 + 2 = 64。
这 64 个字符各自对应一个值,依次为 0 - 63,例如 X 的码值为23, 如果某一位计算后的结果为 23,则该位为 X。 具体对应关系如下图所示:
在区块链中有种类似的编码 —— Base 58,与 Base 64 类似,在其基础上少了 6 个字符,这六个字符包括 斜线 和 加号 两个符号、看似双胞胎的字符:数字 0、小写字母 o、大写字母 I 和 小写字母 i。
1.3 Base 64 原理
在 1.1 中谈到一个字节 byte 为 8 个bit,那么一个字节的取值范围就是 00000000 - 11111111,对应的十进制为 0 - 255,而上表中的码值为 0 - 63,那 Base 64 是如何处理的呢,如何将所有字符、文字都控制在 0 - 63 之间呢?
- 首先进行分组。3 个字节分为一组,由于一个字节有 8 位(bit),一共就是 3 * 8 = 24 位;
- 接着分组转换。把上面的 24 位分成 4 组,每组就有 24 / 4 = 6 位(bit)
- 最后高位补0。由于一个字节 byte 为 8 位 bit,上面每组只有 6 位,于是就在高位补 0。
通过上面步骤,就将 3 个字节 byte 转换为 4 个字节 byte,且转换后的每个 byte 最高两位都为 0,意味着转换后的每个字节都在 00000000 - 00111111 之间,对应的十进制就是 0 - 63。
上面说按 3 个字节进行分组,但并非所有的字符或文本都是 3 的整数倍,这时候怎么办呢?当不够 3 位时,首先补 0 进行分组,计算得到结果后使用了几个 0 补齐就使用几个等号 = 来补齐。差一位就用一个等号,差两位就用两个等号。
举例:对字符串 ab 进行 Base64
字符串 ab
只占了两个字节,还差一位,于是最后一位补 0 来进行分组和计算,在最后使用一个等号=来补齐。计算过程如下图所示:
这样便得到字符串 ab
Base 64 的结果为:YWI=
2 Java 实现
2.1 使用 java.util.Base64
JDK 中提供了 java.util.Base64 类来实现 Base 64 的编码和解码。
编码:
Base64.getEncoder().encodeToString(bytes);
解码:
Base64.getDecoder().decode(bytes);
2.2 使用 springframework
在 SpringBoot 中,springframework 对 java.util.Base64 进行了封装,提供了 org.springframework.util.Base64Utils 类方便进行编码和解码。
package com.yygnb.demo.crypto;import org.junit.Test;
import org.springframework.util.Base64Utils;import java.nio.charset.StandardCharsets;
import java.util.Base64;/*** Base64 编码解码测试*/
public class Base64Test {/*** JDK Base64 编码*/@Testpublic void testEncode() {String result = Base64.getEncoder().encodeToString("ab".getBytes(StandardCharsets.UTF_8));System.out.println(result); // YWI=}/*** JDK Base64 解码*/@Testpublic void testDecode() {byte[] decode = Base64.getDecoder().decode("YWI=");String plainText = new String(decode);System.out.println(plainText); // ab}/*** springframework Base64 编码*/@Testpublic void testUtilsEncode() {String result = Base64Utils.encodeToString("ab".getBytes(StandardCharsets.UTF_8));System.out.println(result); // YWI=}/*** springframework Base64 解码*/@Testpublic void testUtilsDecode() {byte[] bytes = Base64Utils.decodeFromString("YWI=");System.out.println(new String(bytes)); // ab}
}
3 JS 实现
JS 在浏览器环境中有两种实现方式:基于原生 JS 和基于 js-base64。
3.1 使用原生 JS
编码:
window.btoa(unescape(encodeURIComponent(value)))
解码:
decodeURIComponent(escape(window.atob(value)))
使用这种方式不需要额外添加依赖,但是兼容性各种问题,不推荐使用。建议使用 js-base64 的方式。
3.2 使用 js-base64
js-base64
是使用较高的 Base 64 库,使用方便,兼容性和容错性较好,推荐使用这种方式。
1)安装依赖:
yarn add js-base64
2)引入 js-base64
:
import { Base64 } from 'js-base64'
3)编码:
Base64.encode(value)
4)解码:
Base64.decode(value)
对应 demo 位于 src/views/base64.vue
。
\/ 程序员优雅哥,今日学习到此结束~~~
十分钟快速掌握 Base 64 | Java JS 密码系列相关推荐
- python新手教程 从零开始-Python零基础从零开始学习Python十分钟快速入门
原标题:Python零基础从零开始学习Python十分钟快速入门 学习Python的,都知道Python 是一个高层次的结合了解释性.编译性.互动性和面向对象的脚本语言.Python是一种动态解释型的 ...
- 【Microsoft Azure 的1024种玩法】五十四. 十分钟快速上手创建部署Azure speech服务
[简介] Azure语音服务是Microsoft提供稳定可靠的云通信服务,其在单个 Azure 订阅中统合了语音转文本.文本转语音以及语音翻译功能,我们可以通过各种方式(语音 CLI.语音 SDK.S ...
- 十分钟快速了解 ES6 Promise
转载自 十分钟快速了解 ES6 Promise 什么是Promise Promise最早由社区提出并实现,典型的一些库有Q,when, bluebird等:它们的出现是为了更好地解决JavaScrip ...
- 十分钟快速DIY简易FM电台和收音机
十分钟快速DIY简易FM电台和收音机 FM简介 实现功能 使用前准备 器件连接 频率调节 广播音乐 无线话筒 总结 原文链接:https://www.yourcee.com/newsinfo/2923 ...
- 用整站程序(网站源代码)十分钟快速建站
用整站程序(网站源代码)十分钟快速建站 悬赏分:0 - 解决时间:2007-2-2 18:20 怎么做 提问者: guolibao888 - 试用期 一级 最佳答案 现在提起做网站,特别是一些做一些 ...
- Linux一键部署duckchat,DuckChat 1.0.7发布,十分钟快速搭建聊天系统
DuckChat 1.0.7发布,十分钟快速搭建聊天系统 2018年09月28日 11:55作者:黄页编辑:黄页 分享 DuckChat是一款安全的私有聊天软件,基于PHP环境,可运行在Docker. ...
- Python语言十分钟快速入门
假设你希望学习Python这门语言,却苦于找不到一个简短而全面的入门教程.那么本教程将花费十分钟的时间带你走入Python的大门.本文的内容介于教程(Toturial)和速查手册(CheatSheet ...
- 总结 : 十分钟快速理解Java容器
首先看一下Java容器的概念 容器可以管理对象的生命周期.对象与对象之间的依赖关系,您可以使用一个配置文件(通常是XML),在上面定义好对象的名称.如何产生(Prototype 方式或Singleto ...
- extjs中滚动条属性_十分钟快速了解 JS 中的 offset、scroll、client
(给前端大全加星标,提升前端技能) 作者:前端下午茶 公号 / SHERlocked93 在下开发中经常碰到 offset.scroll.client 这几个关键字,比如 offsetLeft.of ...
最新文章
- LeoFS —— 高可靠性的分布式对象存储系统
- IDEA中无法import自己工程中类的问题解决方法
- Oracle常用系统表
- 编辑器js获取浏览器高度和宽度值(转)
- 自觉培养“舆商” 争做成功网商
- fetchtype 动态控制_hibernate 关于 注解配置@Basic(fetch=FetchType.LAZY) 不起效果
- pycharm设置中文
- 机器学习--决策树(熵、信息增益(ID3)、C4.5、多方式源码实战)
- mysql基本sql语句总结(二)
- c++反向输出一个三位数
- 热敏电阻温度计算 公式 程序
- 【批量身份证图片识别】如何批量OCR识别身份证图片或复印件并导出至excel表格或文本格式,下面教你方法
- c语言盗取qq号程序,C++获取本机登陆过的QQ号码示例程序
- hapi.js入门系列(二)——路由
- python列表输出学生姓名学号链表_c语言!!!程序设计:建立一个学生信息链表,包括学号,姓名,成绩.(实现添加,删除,查询,排序,平均)...
- Eureka学习过程
- java项目中获取真实ip地址
- 泰勒公式求极限c语言switch,C语言利用泰勒公式构造求SIN(X),求大触帮看我的代码哪里有问题...
- jms(jms是什么意思的缩写)
- CSAPP - LAB 1 datalab
热门文章
- Apollo6.0代码Lattice算法详解——Part5: 生成横纵向轨迹
- 冲击GCT——考试法宝
- 小朱学英语------day 3 Ne zha's success and a blast from the past
- 【多输入模型 Multiple-Dimension 数学原理分析以及源码详解 深度学习 Pytorch笔记 B站刘二大人 (6/10)】
- vue的基础练习实例
- 第七十三篇:从ADAS到自动驾驶(六):可行驶区域检测
- 有鼻炎的注意啦~万金不卖的秘方快收着!
- php语言程序设计总结,高校邦PHP语言程序设计答案
- 2022育婴员(五级)判断题及答案
- java 反查域名_爬虫实现:根据IP地址反查域名