用JS进行Base64编码,MD5加密,实现签名验证 调用快递鸟API接口 完成快递单号查询 JavaScript

Posted 老杨占线

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用JS进行Base64编码,MD5加密,实现签名验证 调用快递鸟API接口 完成快递单号查询 JavaScript相关的知识，希望对你有一定的参考价值。

有网友留言说，想调用快递鸟API接口实现快递查询，但是又不懂后端开发，不懂JAVA，不懂PHP，不懂C#，也不懂python，问我能不实现快递接口查询，我说你会什么，他说,我只懂一点点JS，

我回答他，已经足够了，我现在就来告诉你如何通过JS来实现600多家的物流轨迹查询。

你只需要一步，新建一个Text文本，把下面这段代码复制进去，替换你自己的快递鸟ID和APIkey, 将txt后缀改成html，用浏览器预览就可以看到效果。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>JS调用快递鸟API接口</title>
    <meta charset="utf-8" />
    <script src="/base64.js"></script>
    <script src="/md5.js"></script>
    <script src="/jquery.json-2.2.min.js"></script>
    <script src="/common.js"></script>
    <script type="text/javascript">

        function GetAPI() {      
            var key="快递鸟API Key";
            var id = "快递鸟注册ID号";
            var requestData="{\'OrderCode\':\'\',\'ShipperCode\':\'ZTO\',\'LogisticCode\':\'78120038107849\'}";
            //MD5加密
            var md5str = md5(requestData + key).toLowerCase();
            //base64
            var dataSign = Base64.encode(md5str);
            //拼接字符串（快递鸟请求报文格式）url编码 
            var reqData = "RequestData=" + escape(requestData) + "&EBusinessID=" + id + "&RequestType=1002&DataSign=" + escape(dataSign) + "&DataType=2";    
            //reqData = "RequestData=%7b%27OrderCode%27%3a%27%27%2c%27ShipperCode%27%3a%27ZTO%27%2c%27LogisticCode%27%3a%2778120038107849%27%7d&EBusinessID=1264783&RequestType=1002&DataSign=NzMxNTAzZWYxYTJiOGIyMDhiNTVjMTc4MDQ0NjdlZDg%3d&DataType=2";
             
            //调用
            SubmitPost({
                method: \'post\',
                url: \'/api/dist\',
                data: reqData,
                beforeSend: function (xhr) {
                    //调用前触发，如加载效果等
                },
                success: function (data, status) {
                    if (status) {
                        document.getElementById("msg").innerHTML = "";
                        for (var i = 0,
   len = data.Traces.length; i < len; i++) {

                            var acceptTime = data.Traces[i].AcceptTime;
                            var acceptStation = data.Traces[i].AcceptStation;
                            //页面展示效果自己开发,这里只实现功能
                            document.getElementById("msg").innerHTML += acceptTime + "&nbsp;&nbsp;" + acceptStation+"<br/>";
                        }
                       } 
                },
                error: function (data, status, e) {
                    if (data.status == "401") {
                        alert(data.status);
                        return;
                    }
                    

                }
            });
        }
    </script>

</head>
<body>

    <input id="Button1" onclick="GetAPI();" type="button" value="JS调用快递鸟API接口" />

    <div id="msg"></div>
</body>
</html>

运行效果如下：

 

 

注意：

 <script src="/base64.js"></script>
 <script src="/md5.js"></script>
 <script src="/jquery.json-2.2.min.js"></script>

这3个js文件引用，网上都能下载到，都是通用的js，如果有更好的建议，欢迎下方留言一起探讨。

 

以上是关于用JS进行Base64编码,MD5加密,实现签名验证 调用快递鸟API接口 完成快递单号查询 JavaScript的主要内容，如果未能解决你的问题，请参考以下文章

JS常见加密 AESDESRSAMD5SHAIHMACBase64(编码) - Python/JS实现

用jQuery.md5.js加密密码后后台怎么解密？

第二十四节：编码解码加密算法概念及实现（Base64MD5SHAHMACDESAESRSA）

JS实现的base64加密md5加密及sha1加密详解

Chapter Six：常用的编码与加密介绍(python和js实现)

图解HTTPS建立过程