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}`),
}