Notice: 函数 WP_Scripts::localize 的调用方法不正确$l10n 参数必须是一个数组。若要将任意数据传递给脚本,请改用 wp_add_inline_script() 函数。 请查阅调试 WordPress来获取更多信息。 (这个消息是在 5.7.0 版本添加的。) in /data/www/appblog/wp-includes/functions.php on line 6131

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