vue中hash与blowfish加密解密

发布日期： 2024-06-25 09:44 阅读量： 77 来源： 互联网

php作了个demo无法满足使用，blowfish完全对不上，所以试试这个vue版的能否解决问题

上码：

<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>

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>

<div>

<input v-model="data" placeholder="Enter data to encrypt" />

<button @click="encryptData">Encrypt</button>

<p>Encrypted Data: {{ encryptedData }}</p>

</div>

</template>

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>

随便看看