【hta版】获取AppStore上架后的应用版本号

之前写过一篇文章:获取AppStore上架后的应用版本号,那一篇文章使用node.js实现,存在的问题就是如果在没有安装node.js运行环境下是无法运行的,而且该程序依赖request模块,为了方便其它人也能使用,想到把它做成一个本地应用程序。然后想了一下,觉得最简单的就是使用hta文件(它的Ajax请求可跨域^_^)。

因为我们手游产品已经有三款了,所以“应用地址”那一栏,我使用了下拉框,其它组的成员只需要点击选中需要检测的应用,然后点击“检测版本”按钮,程序将开始运行。当匹配到版本为最新的版本时,登录OA系统,向需要获取版本更新信息的人员发送OA提醒。

原理比较简单,代码也并不复杂。将源码本地另存为.hta后缀的文件,然后双击它就可以运行了。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>检测App最新版本号</title>
<hta:application id="fetchFIle" applicationname="fetchFIle" singleinstance="yes" border="thin" scroll="no" maximizeButton="no">
<style type='text/css'>
h3 {border-left:3px solid 666; color:#666; text-indent:10px; margin:15px 0;}
textarea {border:2px solid #888; background-color:#222; font-family:'Courier New'; font-size:14px; color:#3c0;}
a {color:#657528;}
a:hover {background:#c8dc7b;}

.exec-btn {border:1px solid #666; background-color:#9c0; color:#360; padding:5px 5px 3px 5px; margin-left:10px; width:70px; height:30px; vertical-align:middle; cursor:pointer; display:inline-block;}

body {background-color:#eee; margin:0; padding:0; overflow:hidden; text-align:center;}

#wrapper {width:800px; margin:30px auto; padding:30px; border:1px solid #ccc; text-align:left;}
.ipt {width:600px; height:25px; line-height:22px; vertical-align:middle; padding:0 2px;}
</style>
</head>
<body>
<div id="wrapper">
    <p>  应用的地址:<select id='ipt_url'>
        <option value="">【请选择一款应用】</option>
        <option value="https://itunes.apple.com/cn/app/huang-di-jue-qi/id604615270?mt=8">【皇帝崛起】</option>
        <option value="https://itunes.apple.com/cn/app/feng-liu-tian-zi/id670188672?mt=8">【风流天子】</option>
        <option value="https://itunes.apple.com/cn/app/gong-ting-feng-yunhd/id543140000?mt=8">【宫廷风云】</option>
    </select></p>
    <p>应用的最新版本:<input type='text' class='ipt' value="1.0.2" style="width:100px;" id="ipt_ver"/></p>
    <p> 轮询间隔时长:<input type='text' class='ipt' value='3' style='width:100px;' id='ipt_duration'/>秒</p>
    <p>需要通知的人员:<textarea style='width:600px; height:140px;' id="ipt_uids">zhangyi</textarea></p>
    <p style='padding-left:118px;'><button class='exec-btn' onclick="startCheck()" id='btn_check'>检测版本</button><span style='padding-left:350px;color:#666;'>多人请使用回车进行分隔</span></p>
</div>

<div style='border:1px solid #ccc; width:800px; margin:30px auto; text-align:left; padding:10px;'>
    <p>应用名称:<span id='app_name'></span></p>
    <p>当前版本:<span id='curr_ver'></span></p>
</div>

<div style='position:absolute; bottom:10px; right:30px;'>&copy;版本所有:<a href="http://www.cnblogs.com/meteoric_cry" target='_blank'>Meteoric_cry</a></div>

<script type="text/javascript">
String.prototype.trim = function(r){
    return this.replace(r || /(^\s+)|(\s+$)/g, "");
}

function getEl(id) {
    return typeof id == 'string' ? document.getElementById(id) : id;
}

var FWKAjax = function () {
    return {
        getXHR: function () {
            var e = null;
            try {
                return (e = new XMLHttpRequest());
            } catch (d) {
                for (var c = 0, b = ["MSXML3", "MSXML2", "Microsoft"]; c < b.length; c++) {
                    try {
                        e = new ActiveXObject(b[c] + ".XMLHTTP");
                        break;
                    } catch (d) {}
                }
            }
            return e;
        },
        request: function (b, c) {
            var d = this.getXHR();
            if (!d) {
                throw new Error("cant't initialize xhr instance.");
            }
            var a = {};
            a.method = (c.method || "get").toUpperCase();
            a.asyn = true;
            a.onSuccess = c.onSuccess || function () {};
            a.onFailure = c.onFailure || function () {};
            a.postData = c.postData || null;
            d.open(a.method, b, a.asyn);

            if ("POST" == a.method) {
                d.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            } else {
                d.setRequestHeader('If-Modified-Since', new Date(0).toGMTString());
                d.setRequestHeader('Cache-Control', 'no-cache');
            }

            d.onreadystatechange = function () {
                if (d.readyState == 4) {
                    if (d.status == 0 || d.status == 200) {
                        a.onSuccess(d);
                    } else {
                        a.onFailure(d);
                    }

                    d = null;
                    a = null;
                }
            };

            d.send(a.postData);
        }
    };
}();


function startCheck() {
    var url = getEl('ipt_url').value.trim()
    var ver = getEl('ipt_ver').value.trim()

    if (!url) {
        alert('请选择要检测的应用');
        getEl('ipt_url').focus();
        return false;
    }

    if (!ver) {
        alert('请输入要检测的应用版本号');
        return false;
    }

    var duration = getEl('ipt_duration').value * 1000 || 3 * 1000;
    var uids = getEl('ipt_uids').value.trim().replace(/\r\n/g, ',');

    if (!uids) {
        alert("请输入要通知的人员名单列表");
        return ;
    }

    var btnElem = getEl('btn_check');
    btnElem.setAttribute("disabled", "disabled");
    btnElem.innerHTML = "正在检测";

    checkHandler(url, ver, duration, uids)
}

function checkHandler(url, ver, duration, uids) {
    FWKAjax.request(url + "&t=" + new Date().getTime(), {
        'method' : 'get',
        'onSuccess' : ajaxCallback,
        'onFailure' : ajaxCallback,
        'postData' : null
    });

    function ajaxCallback(xhr) {
        var htmlContent = xhr.responseText;
        xhr = null;

        if (/<h1>([^<]+)<\/h1>/.test(htmlContent)) {
            var appName = RegExp["$1"];
            getEl('app_name').innerHTML = appName;
        }

        if (/\<li\><span class=\"label\">版本\: <\/span>([^<]+)\<\/li\>/.test(htmlContent)) {
            var currVer = RegExp["$1"];

            getEl('curr_ver').innerHTML = currVer;

            var appDomainName = url.split('/app/')[1].split('/')[0];

            if (currVer == ver) {
                sendOA_Notification(appDomainName, currVer, uids);
                return ;
            }
        }

        setTimeout(function() {
            checkHandler(url, ver, duration, uids)
        }, duration);
    }
}

function sendOA_Notification(appName, currVer, uids) {
    FWKAjax.request("http://oa.xx.net/logincheck.php?UNAME=xx1&PASSWORD=xx2", {
        'method' : 'GET',
        'onSuccess' : function(xhr) {
            if (/location=\"general\"\;/.test(xhr.responseText)) {
                sendMsg(appName, currVer, uids);
            }
         },
        'onFailure' : null,
        'postData' : null
    });
}

function sendMsg(appName, currVer, uids) {

    var data_str = "uid=" + uids + "&cont=[" + appName + "] AppStore Latest Version:" + currVer;

    FWKAjax.request("http://oa.xx.net/general/reservation/sendsmsapi.php", {
        'method' : 'post',
        'onSuccess' : function(xhr) {
            alert("版本更新提醒已发送!");

            var btnElem = getEl('btn_check');
            btnElem.removeAttribute("disabled");
            btnElem.innerHTML = "检测版本";
         },
        'onFailure' : null,
        'postData' : data_str
    });
}


!(function() {
    var winsize = {
        winwidth: 900,
        winheight: 650,
        scrnwidth: screen.availWidth,
        scrnheight: screen.availHeight
    };

    window.resizeTo(winsize.winwidth, winsize.winheight);
})();

window.onerror=function(a,b,c){
    alert("检测脚本发生了以下异常:"+a+"\n所在行:"+c);
    return true;
}

</script>

</body>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏lonelydawn的前端猿区

javascript生成.xls文件(兼容IE&Chrome&Firefox)

贴代码,一切尽在注释中 <html> <head> <meta charset="utf-8"> </head> <body> <input ...

19760
来自专栏python学习之旅

python appium笔记(二):元素定位

#这里的示例是用android来说明的,xpath应该是通用的,resource-id不太清楚,没配过IOS的环境

27110
来自专栏LIN_ZONE

vue.js中滚动条加载更多数据

本文章参考:http://www.cnblogs.com/ssrsblogs/p/6108423.html

31530
来自专栏挖掘大数据

Cobub无码埋点关键技术实现流程(附图)

随着大数据时代的到来,数据采集也已经变的越来越重要。前端埋点作为一个比较成熟的数据接入手段被广泛应用着。目前埋点分为两种方式,有码与无码埋点。有码埋点比较容易理...

27460
来自专栏Jackson0714

【博客美化】04.自定义地址栏logo

444110
来自专栏iOS122-移动混合开发研究院

PureLayout,使用纯代码写AutoLayout

? ? ? ? ? ? 为iOS和OS X的自动布局最终的API -- 令人印象深刻的简单,非常强大。 PureLayout延伸的UIView /NSView...

33270
来自专栏java学习

Intellij IDEA神器居然还有这些小技巧

https://blog.csdn.net/linsongbin1/article/details/80211919

21620
来自专栏技术之路

Qt5 新特性

Qt 5 已经临近发布,其最大的特点就是模块化。将原来庞大的模块更细分为不同的部分,同时,一个大版本的升级,当然少不了添加、删除各个功能类。文本简单介绍 Qt5...

43480
来自专栏淡定的博客

使用cropper实现图片裁剪功能并保存图片到数据库

64020
来自专栏破晓之歌

Python 的 GUI 开发工具 原

Flexx 是一个纯 Python 工具包,用来创建图形化界面应用程序。其使用 Web 技术进行界面的渲染。你可以用 Flexx 来创建桌面应用,同时也可以导出...

94720

扫码关注云+社区

领取腾讯云代金券