目录

Base64之前端加密,后端解密操作步骤

JAY.LIN 收录于未分类

2022-03-25 约 315 字预计阅读 1 分钟

https://bing.ee123.net/img/rand?artid=123734561

目录

Base64之前端加密，后端解密操作步骤

Base64使用步骤

前端Vue—加密步骤

1.安装依赖

npm install --save js-base64

2.（main.js）全局配置

import Vue from "vue"
import {Base64} from 'js-base64'
Vue.prototype.$Base64 = Base64;

3.加密，解密

//使用
this.$Base64.encode(this.pwd); //对数据进行加密
this.Base64.encodeURI(url); //对url进行加密

this.$Base64.decode(this.pwd); //以上两者都可用此方法解密

加密的数据格式举例， this.code=this.pwd + ‘.’+ (this.usrName + ‘’) ,此种加密方式可直接对接后端解密接口

后端—解密步骤

1.创建 Base64Service 接口

public interface Base64Service {
/**
_ 根据参数进行解密操作，返回 String
_ @param paraId
_ @return
_/
public String getDecodeFindByIdPara(String paraId);
/**
_ 根据参数进行解密操作，返回 Integer
_ @param paraId
_ @return
_/
public Integer getDecodeProjectId(String paraId);
}

2.创建 Base64ServiceImpl 实现类

@Service
public class Base64ServiceImpl implements Base64Service {

    @Override
    public String getDecodeFindByIdPara(String paraId) {
    	byte[] decode = Base64.getUrlDecoder().decode(paraId);
    	String decodeStr = new String(decode);
    	String uuid = decodeStr.substring(0, decodeStr.indexOf("."));
    	return uuid;
    }

    @Override
    public Integer getDecodeProjectId(String paraId) {
    	byte[] decode = Base64.getUrlDecoder().decode(paraId);
    	String decodeStr = new String(decode);
    	String idStr = decodeStr.substring(decodeStr.indexOf(".") + 1, decodeStr.lastIndexOf("."));
    	Integer pid = Integer.valueOf(idStr);
    	return pid;
    }

}