JavaScript实现HmacSHA256摘要

引入库

<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/crypto-js.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/hmac-sha256.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/enc-base64.min.js"></script>
</head>

版本查询:https://cdnjs.com/libraries

HmacSHA256摘要

<script>
$("#signature").click(function() {
    var name = $("#name").val()
    var email = $("#email").val()

    var text = "";
    if (name !== undefined && name != null && name.length > 0) {
        text += "name" + name
    }
    if (email !== undefined && email != null && email.length > 0) {
        text += "email" + email
    }
    console.log(text)
    var hash = CryptoJS.HmacSHA256(text, "secret");
    var signature = base64toHEX(CryptoJS.enc.Base64.stringify(hash)).toLowerCase();
    console.log(signature)

    $("#sign").val(signature)
});

function base64toHEX(base64) {
  var raw = atob(base64);
  var HEX = '';
  for ( i = 0; i < raw.length; i++ ) {
    var _hex = raw.charCodeAt(i).toString(16)
    HEX += (_hex.length==2 ? _hex : '0'+_hex);
  }
  return HEX.toUpperCase();
}
</script>
上一篇 React Native学习之Picker组件和箭头函数
下一篇 React Native学习之ProgressBar组件
目录
文章列表
1 Spring Security OAuth2 JWT 资源服务器配置
Spring Security OAuth2 JWT 资源服务器配置
2
Shadowsocks + Privoxy 搭建 http 代理服务
Shadowsocks + Privoxy 搭建 http 代理服务
3
Laravel CSRF Protection
Laravel CSRF Protection
4
微信小程序自定义radio和checkbox样式
微信小程序自定义radio和checkbox样式
5
Android使用Facebook的开放图谱发布图文分享
Android使用Facebook的开放图谱发布图文分享
最新评论
一位WordPress评论者
一位WordPress评论者
2月12日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。