我们在开发前端的时候,经常会有密码交互的功能(如:设置密码、验证密码等)。如果直接明文传输,具有一定的安全隐患,因此我们需要在前端进行加密处理后再跟后端接口传输通信。本文主要介绍在 vue 中使用 sh1 对需要加密的字符串进行加密处理。使用起来非常简单。

安装 sh1:

npm 方式安装:

npm install sha1 --save

cnpm 方式安装:

cnpm install sha1 --save

cnpm 的安装和使用,可以参考 这篇文章

引入 sh1:

在需要进行加密的页面或组件中,按如下方式引入:

<script>
    import sha1 from 'sha1'
</script>

使用 sh1:

sha1('待加密的字符串')

可以对待加密的字符串进行预处理(如:倒序、前后加上其他字符串)后再加密,可以增强安全性,如:

sha1('前面加上一些字符' + '待加密的字符串' + '后面加上一些字符')

由于 uniapp 也使用 vue,因此,同样可以使用 sha1 进行加密处理。