vite vue3 ts中md5的使用

vite+vue3+ts中md5的使用

请按照我的上述文章(vite+vue3+ts新手使用教程)安装vite+vue3+ts等

md5官网: https://www.npmjs.com/package/md5

介绍: md5是一种哈希函数，主要用于验证数据的完整性，防止数据被篡改。根据项目api需求是否需要

作用: 对密码进行加密或数字签名(生成固定长度的摘要确保安全),对接接口时候常用

往往后端接口需要签名传递信息

例如

在此接口中需要传递签名, 签名字段包含订单id和客户id信息

安装md5

pnpm install md5 //依次安装

pnpm install --save-dev @types/md5  //依次安装

使用

创建 src/utils/index.ts 文件(进行封装)

import md5 from "md5";
const KEY = 'ahkjHASdhKJsdh12k1j2jk12h3j1'//密钥 后端给的加入签名中(可能你的接口不需要)

export const stamp = () => Math.round(new Date().getTime() / 1000)//时间戳

export const autograph = (val: string = '', isKey: boolean = true, isStamp: boolean = true) => {
    const ctx = isKey ? `${KEY}${val}` : val
    const date = isStamp ? stamp() : ''
    return md5(md5(ctx) + date)
}//加密的封装

在项目中使用

import { autograph, stamp } from '../../utils'

//传参时直接带入
let data = {
	stamp: stamp(),
	//Sign.modal.name和Sign.modal.phone需要加密的参数
	string: autograph(`${Sign.modal.phone}${Sign.modal.temp_code}`),
}