技术相关
联系我们
vue中hash与blowfish加密解密
时间：2024-06-25 09:44
阅读：19
来源：互联网
php作了个demo无法满足使用，blowfish完全对不上，所以试试这个vue版的能否解决问题
上码：
<template>
<div>
<input v-model="message" placeholder="Enter message">
<button @click="encryptMessage">Encrypt</button>
<button @click="decryptMessage">Decrypt</button>
<p>Encrypted: {{ encrypted }}</p>
<p>Decrypted: {{ decrypted }}</p>
</div>
</template>
<script>
import CryptoJS from 'crypto-js'
export default {
data() {
return {
message: '',
encrypted: '',
decrypted: ''
}
},
methods: {
encryptMessage() {
this.encrypted = CryptoJS.Blowfish.encrypt(this.message, 'your-secret-key').toString();
},
decryptMessage() {
const bytes = CryptoJS.Blowfish.decrypt(this.encrypted, 'your-secret-key');
this.decrypted = bytes.toString(CryptoJS.enc.Utf8);
}
}
}
</script>
<template>
<div>
<input v-model="data" placeholder="Enter data to encrypt" />
<button @click="encryptData">Encrypt</button>
<p>Encrypted Data: {{ encryptedData }}</p>
</div>
</template>
<script>
import CryptoJS from 'crypto-js'
export default {
data() {
return {
data: '',
encryptedData: ''
}
},
methods: {
encryptData() {
// 使用SHA-256算法加密数据
this.encryptedData = CryptoJS.SHA256(this.data).toString();
}
}
}
</script>
附失败的php版
</HTML>
