Die Verwendung von md5 in vite+vue3+ts

Bitte folgen Sie meinem obigen Artikel (vite+vue3+ts Anfänger-Tutorial), um vite+vue3+ts usw. zu installieren.

Offizielle MD5-Website: https://www.npmjs.com/package/md5

Einführung: MD5 ist eine Hash-Funktion, die hauptsächlich zur Überprüfung der Datenintegrität und zur Verhinderung von Datenmanipulationen verwendet wird. Ob es gemäß den API-Anforderungen des Projekts benötigt wird

Funktion: Passwörter verschlüsseln oder digital signieren (einen Digest mit fester Länge generieren, um die Sicherheit zu gewährleisten), häufig beim Andocken von Schnittstellen verwendet

Back-End-Schnittstellen erfordern häufig Signaturen zur Übertragung von Informationen

Zum Beispiel

Fügen Sie hier eine Bildbeschreibung ein

In dieser Schnittstelle muss eine Signatur übergeben werden. Das Signaturfeld enthält Informationen zur Bestell-ID und Kunden-ID.

Installieren Sie MD5

pnpm install md5 //依次安装

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

verwenden

Datei erstellen src/utils/index.ts(kapseln)

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)
}//加密的封装

Verwendung in Projekten

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

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