阿里云盘自动签到源码

03491980
温馨提示：本文最后更新于2024-01-06 10:09:44，某些文章具有时效性，若有错误或已失效，请在下方留言或联系站长

使用方法：在站点内新建index.html，把下方代码复制粘贴进去并保存就可以访问了

图片[1]-阿里云盘自动签到源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阿里网盘自动每日打卡</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/layui/2.6.8/css/layui.min.css">
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/layui/2.6.8/layui.min.js"></script>
    <script>
        function getTokenInfo() {
            var name = document.getElementById("nameInput").value;
            var token = document.getElementById("tokenInput").value;
            var s = document.getElementById("sInput").value;
            var url = "https://shanhe.kim/api/ali/aliv2.php?name=" + name + "&token=" + token + "&s=" + s;
            $.ajax({
                url: url,
                type: "GET",
                dataType: "json",
                success: function(response) {
                    if (response.code === 200) {
                        var message = "代码：" + response.code + "<br>" +
                            "信息：" + response.message;
                        if (s === "write") {
                            message = "任务提交成功";
                        } else if (s === "read") {
                            message = "任务查询成功";
                            var data = response.data;
                            if (data.length === 0) {
                                message += "<br>找到匹配的数据：<br>今天还未执行任务";
                            } else {
                                for (var i = 0; i < data.length; i++) {
                                    message += "<br>找到匹配的数据：" +
                                        "<br>名称：" + data[i].name +
                                        "<br>Token：" + data[i].token +
                                        "<br>ID：" + data[i].id;
                                }
                            }
                        }
                        layui.use('layer', function() {
                            var layer = layui.layer;
                            layer.open({
                                title: '操作结果',
                                content: message,
                                btn: ['确定']
                            });
                        });
                    } else {
                        layui.use('layer', function() {
                            var layer = layui.layer;
                            layer.open({
                                title: '操作失败',
                                content: response.message, // 提示返回的错误信息
                                btn: ['确定']
                            });
                        });
                    }
                },
                error: function() {
                    layui.use('layer', function() {
                        var layer = layui.layer;
                        layer.open({
                            title: '请求失败',
                            content: '请求失败，请检查网络连接或服务器错误。',
                            btn: ['确定']
                        });
                    });
                }
            });
        }
    </script>
    <style>
        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            padding: 20px;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
            border-radius: 5px;
        }
        .task-container {
            margin-bottom: 20px;
        }
        .task-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }
        .task-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }
        .form-group {
            margin-bottom: 20px;
        }
        .form-group label {
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .form-group .input-field {
            width: 100%;
            box-sizing: border-box;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        .form-group .input-field:focus {
            outline: none;
            border-color: #009688;
        }
        .form-group .input-field::placeholder {
            color: #999;
        }
        .form-group .input-field.layui-select {
            height: 38px;
        }
        .form-group .input-field.layui-select .layui-select-title {
            height: 36px;
            line-height: 36px;
            border: none;
            background-color: #f5f5f5;
            color: #666;
        }
        .form-group .input-field.layui-select .layui-select-title:hover {
            background-color: #fff;
        }
        .form-group .input-field.layui-select .layui-edge {
            top: 14px;
        }
        .form-group .input-field.layui-select .layui-input {
            color: #666;
        }
        .form-group .input-field.layui-select .layui-input::-webkit-input-placeholder {
            color: #999;
        }
        .form-group .input-field.layui-select .layui-input::-moz-placeholder {
            color: #999;
            opacity: 1;
        }
        .form-group .input-field.layui-select .layui-input:-ms-input-placeholder {
            color: #999;
        }
        .form-group .input-field.layui-select .layui-input:-moz-placeholder {
            color: #999;
            opacity: 1;
        }
        .form-group .input-field.layui-select .layui-icon {
            color: #666;
        }
        .form-group .input-field.layui-select.layui-form-disabled .layui-select-title {
            background-color: #f5f5f5;
            color: #c2c2c2;
        }
        .form-group .input-field.layui-select .layui-edge {
            border-left-color: #666;
        }
        .form-group .input-field.layui-btn {
            margin-top: 10px;
        }
        .info-container {
            margin-bottom: 40px;
        }
        .info-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }
        .info-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }
        .info-line {
            margin-bottom: 10px;
        }
        .info-line strong {
            font-weight: bold;
            margin-right: 5px;
        }
        .info-line a {
            color: #009688;
        }
        .info-image {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }
        .api-container {
            margin-bottom: 40px;
        }
        .api-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }
        .api-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }
        .api-param-table {
            width: 100%;
            margin-bottom: 10px;
            border-collapse: collapse;
        }
        .api-param-table th,
        .api-param-table td {
            padding: 8px;
            border: 1px solid #ccc;
            text-align: left;
        }
        .api-param-table th {
            background-color: #f5f5f5;
            font-weight: bold;
        }
        .api-param-table td {
            background-color: #fff;
        }
        
.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-group .input-field {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
}
.form-group .input-field.layui-btn {
    margin-top: 10px;
    line-height: 38px;
    text-align: center;
}
.info-line {
    margin-bottom: 10px;
    word-break: break-all;
}
.api-param-table th,
.api-param-table td {
    padding: 8px;
    border: 1px solid #ccc;
    text-align: center;
}
.task-content {
    padding: 10px;
    border: 1px solid #009688;
    border-radius: 0 0 5px 5px;
    text-align: center;
}
.task-content .form-group {
    text-align: left;
}
.layui-badge {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
}
    </style>
</head>
<body>
    <div class="container">
<div class="container">
    <div class="task-container">
        <div class="task-title">任务操作</div>
        <div class="task-content">
            <div>
                <div class="form-group">
                    <label for="nameInput">账号：</label>
                    <input type="text" id="nameInput" lay-verify="required" placeholder="建议QQ号，用于提交和查询任务" autocomplete="off"
                        class="input-field">
                </div>
                <div class="form-group">
                    <label for="tokenInput">Token：</label>
                    <input type="text" id="tokenInput" lay-verify="required" placeholder="请输入Token" autocomplete="off"
                        class="input-field">
                </div>
                <div class="form-group">
                    <label for="sInput">操作：</label>
                    <select id="sInput" lay-verify="required" class="layui-select" onchange="handleOperationChange()">
                        <option value="">请选择操作</option>
                        <option value="write">提交任务</option>
                        <option value="read">查询任务</option>
                    </select>
                </div>
                
<button class="layui-btn layui-btn-normal layui-btn-radius layui-inline-block" onclick="getTokenInfo()">执行操作</button>
                </div>
            </div>
        </div>
    
        
<script>
    // 将这段代码添加到已有的<script>标签中或者添加一个新的<script>标签
    function handleOperationChange() {
        var sInput = document.getElementById("sInput");
        var tokenInput = document.getElementById("tokenInput");
        var tokenInputLabel = document.querySelector("label[for='tokenInput']");
        if (sInput.value === "read") {
            tokenInput.style.display = "none";
            tokenInputLabel.style.display = "none";
        } else {
            tokenInput.style.display = "block";
            tokenInputLabel.style.display = "block";
        }
    }
</script>
        <div class="info-container">
            <div class="info-title">阿里refresh_token获取方法</div>
            <div class="info-content">
                <div class="info-line">
                    <strong>方法一：扫码获取token</strong>
                </div>
                <div class="info-line">打开链接<a href="https://alist.nn.ci/zh/guide/drivers/aliyundrive.html">https://alist.nn.ci/zh/guide/drivers/aliyundrive.html</a></div>
                <div class="info-line">下滑，有获取token按钮，生成二维码后，截屏使用阿里云盘app扫码，返回网页，即可获取</div>
                <br>
                <div class="info-line">
                    <strong>方法二：手动获取</strong>
                </div>
                <div class="info-line">登录 <a href="https://www.aliyundrive.com/drive/">https://www.aliyundrive.com/drive/</a></div>
                <div class="info-line">打开浏览器的开发者工具(如 Chrome DevTools)。</div>
                <div class="info-line">然后选择开发者工具的 Console 面板。输入 JSON.parse(localStorage.token).refresh_token，再回车，获取 refresh_token</div>
                <img src="https://crossfb-70080.picnjc.qpic.cn/g.52000000-r.e620f/1690787309794_hf_0" alt="方法示意图" class="info-image">
                <div class="info-line">
                    <strong>温馨提示：token有效期大概为1-2个月 ，本程序会自动清理过期的token，每一个账号，只能对应一个token</strong>
            </div>
        </div>
         </div>
<div class="api-container">
    <div class="api-title">阿里网盘自动任务接口</div>
    <div class="api-content">
        <div class="info-line">
            <strong>接口地址：</strong>
            <span class="api-badge">http://shanhe.kim/api/ali/aliv2.php?name=你的QQ号&token=阿里云盘token&s=write</span>
        </div>
    </div>
                <br>
                <div class="info-line">
                    <strong>请求参数说明：</strong>
                </div>
                <table class="api-param-table">
                    <thead>
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>name</td>
                            <td>是</td>
                            <td>QQ号，方便查询</td>
                        </tr>
                        <tr>
                            <td>token</td>
                            <td>是</td>
                            <td>string</td>
                        </tr>
                        <tr>
                            <td>s</td>
                            <td>是</td>
                            <td>选填类型，write为提交任务，read为查询任务</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>阿里网盘自动每日打卡</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/layui/2.6.8/css/layui.min.css">
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/layui/2.6.8/layui.min.js"></script>
    <script>
        function getTokenInfo() {
            var name = document.getElementById("nameInput").value;
            var token = document.getElementById("tokenInput").value;
            var s = document.getElementById("sInput").value;
            var url = "https://shanhe.kim/api/ali/aliv2.php?name=" + name + "&token=" + token + "&s=" + s;

            $.ajax({
                url: url,
                type: "GET",
                dataType: "json",
                success: function(response) {
                    if (response.code === 200) {
                        var message = "代码：" + response.code + "<br>" +
                            "信息：" + response.message;
                        if (s === "write") {
                            message = "任务提交成功";
                        } else if (s === "read") {
                            message = "任务查询成功";
                            var data = response.data;
                            if (data.length === 0) {
                                message += "<br>找到匹配的数据：<br>今天还未执行任务";
                            } else {
                                for (var i = 0; i < data.length; i++) {
                                    message += "<br>找到匹配的数据：" +
                                        "<br>名称：" + data[i].name +
                                        "<br>Token：" + data[i].token +
                                        "<br>ID：" + data[i].id;
                                }
                            }
                        }

                        layui.use('layer', function() {
                            var layer = layui.layer;
                            layer.open({
                                title: '操作结果',
                                content: message,
                                btn: ['确定']
                            });
                        });
                    } else {
                        layui.use('layer', function() {
                            var layer = layui.layer;
                            layer.open({
                                title: '操作失败',
                                content: response.message, // 提示返回的错误信息
                                btn: ['确定']
                            });
                        });
                    }
                },
                error: function() {
                    layui.use('layer', function() {
                        var layer = layui.layer;
                        layer.open({
                            title: '请求失败',
                            content: '请求失败，请检查网络连接或服务器错误。',
                            btn: ['确定']
                        });
                    });
                }
            });
        }
    </script>
    <style>
        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            padding: 20px;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
            border-radius: 5px;
        }

        .task-container {
            margin-bottom: 20px;
        }

        .task-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }

        .task-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .form-group .input-field {
            width: 100%;
            box-sizing: border-box;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }

        .form-group .input-field:focus {
            outline: none;
            border-color: #009688;
        }

        .form-group .input-field::placeholder {
            color: #999;
        }

        .form-group .input-field.layui-select {
            height: 38px;
        }

        .form-group .input-field.layui-select .layui-select-title {
            height: 36px;
            line-height: 36px;
            border: none;
            background-color: #f5f5f5;
            color: #666;
        }

        .form-group .input-field.layui-select .layui-select-title:hover {
            background-color: #fff;
        }

        .form-group .input-field.layui-select .layui-edge {
            top: 14px;
        }

        .form-group .input-field.layui-select .layui-input {
            color: #666;
        }

        .form-group .input-field.layui-select .layui-input::-webkit-input-placeholder {
            color: #999;
        }

        .form-group .input-field.layui-select .layui-input::-moz-placeholder {
            color: #999;
            opacity: 1;
        }

        .form-group .input-field.layui-select .layui-input:-ms-input-placeholder {
            color: #999;
        }

        .form-group .input-field.layui-select .layui-input:-moz-placeholder {
            color: #999;
            opacity: 1;
        }

        .form-group .input-field.layui-select .layui-icon {
            color: #666;
        }

        .form-group .input-field.layui-select.layui-form-disabled .layui-select-title {
            background-color: #f5f5f5;
            color: #c2c2c2;
        }

        .form-group .input-field.layui-select .layui-edge {
            border-left-color: #666;
        }

        .form-group .input-field.layui-btn {
            margin-top: 10px;
        }

        .info-container {
            margin-bottom: 40px;
        }

        .info-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }

        .info-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }

        .info-line {
            margin-bottom: 10px;
        }

        .info-line strong {
            font-weight: bold;
            margin-right: 5px;
        }

        .info-line a {
            color: #009688;
        }

        .info-image {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

        .api-container {
            margin-bottom: 40px;
        }

        .api-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }

        .api-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }

        .api-param-table {
            width: 100%;
            margin-bottom: 10px;
            border-collapse: collapse;
        }

        .api-param-table th,
        .api-param-table td {
            padding: 8px;
            border: 1px solid #ccc;
            text-align: left;
        }

        .api-param-table th {
            background-color: #f5f5f5;
            font-weight: bold;
        }

        .api-param-table td {
            background-color: #fff;
        }
        
.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-group .input-field {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
}

.form-group .input-field.layui-btn {
    margin-top: 10px;
    line-height: 38px;
    text-align: center;
}

.info-line {
    margin-bottom: 10px;
    word-break: break-all;
}

.api-param-table th,
.api-param-table td {
    padding: 8px;
    border: 1px solid #ccc;
    text-align: center;
}

.task-content {
    padding: 10px;
    border: 1px solid #009688;
    border-radius: 0 0 5px 5px;
    text-align: center;
}

.task-content .form-group {
    text-align: left;
}

.layui-badge {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
}



    </style>
</head>

<body>
    <div class="container">

<div class="container">
    <div class="task-container">
        <div class="task-title">任务操作</div>
        <div class="task-content">
            <div>
                <div class="form-group">
                    <label for="nameInput">账号：</label>
                    <input type="text" id="nameInput" lay-verify="required" placeholder="建议QQ号，用于提交和查询任务" autocomplete="off"
                        class="input-field">
                </div>
                <div class="form-group">
                    <label for="tokenInput">Token：</label>
                    <input type="text" id="tokenInput" lay-verify="required" placeholder="请输入Token" autocomplete="off"
                        class="input-field">
                </div>
                <div class="form-group">
                    <label for="sInput">操作：</label>
                    <select id="sInput" lay-verify="required" class="layui-select" onchange="handleOperationChange()">
                        <option value="">请选择操作</option>
                        <option value="write">提交任务</option>
                        <option value="read">查询任务</option>
                    </select>
                </div>
                
<button class="layui-btn layui-btn-normal layui-btn-radius layui-inline-block" onclick="getTokenInfo()">执行操作</button>

                </div>
            </div>
        </div>
    


        
<script>
    // 将这段代码添加到已有的<script>标签中或者添加一个新的<script>标签
    function handleOperationChange() {
        var sInput = document.getElementById("sInput");
        var tokenInput = document.getElementById("tokenInput");
        var tokenInputLabel = document.querySelector("label[for='tokenInput']");

        if (sInput.value === "read") {
            tokenInput.style.display = "none";
            tokenInputLabel.style.display = "none";
        } else {
            tokenInput.style.display = "block";
            tokenInputLabel.style.display = "block";
        }
    }
</script>

        <div class="info-container">
            <div class="info-title">阿里refresh_token获取方法</div>
            <div class="info-content">
                <div class="info-line">
                    <strong>方法一：扫码获取token</strong>
                </div>
                <div class="info-line">打开链接<a href="https://alist.nn.ci/zh/guide/drivers/aliyundrive.html">https://alist.nn.ci/zh/guide/drivers/aliyundrive.html</a></div>
                <div class="info-line">下滑，有获取token按钮，生成二维码后，截屏使用阿里云盘app扫码，返回网页，即可获取</div>
                <br>
                <div class="info-line">
                    <strong>方法二：手动获取</strong>
                </div>
                <div class="info-line">登录 <a href="https://www.aliyundrive.com/drive/">https://www.aliyundrive.com/drive/</a></div>
                <div class="info-line">打开浏览器的开发者工具(如 Chrome DevTools)。</div>
                <div class="info-line">然后选择开发者工具的 Console 面板。输入 JSON.parse(localStorage.token).refresh_token，再回车，获取 refresh_token</div>
                <img src="https://crossfb-70080.picnjc.qpic.cn/g.52000000-r.e620f/1690787309794_hf_0" alt="方法示意图" class="info-image">
                <div class="info-line">
                    <strong>温馨提示：token有效期大概为1-2个月 ，本程序会自动清理过期的token，每一个账号，只能对应一个token</strong>
            </div>
        </div>
         </div>

<div class="api-container">
    <div class="api-title">阿里网盘自动任务接口</div>
    <div class="api-content">
        <div class="info-line">
            <strong>接口地址：</strong>
            <span class="api-badge">http://shanhe.kim/api/ali/aliv2.php?name=你的QQ号&token=阿里云盘token&s=write</span>
        </div>
    </div>

                <br>
                <div class="info-line">
                    <strong>请求参数说明：</strong>
                </div>
                <table class="api-param-table">
                    <thead>
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>name</td>
                            <td>是</td>
                            <td>QQ号，方便查询</td>
                        </tr>
                        <tr>
                            <td>token</td>
                            <td>是</td>
                            <td>string</td>
                        </tr>
                        <tr>
                            <td>s</td>
                            <td>是</td>
                            <td>选填类型，write为提交任务，read为查询任务</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>

</html>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>阿里网盘自动每日打卡</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/layui/2.6.8/css/layui.min.css">
    <script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/layui/2.6.8/layui.min.js"></script>
    <script>
        function getTokenInfo() {
            var name = document.getElementById("nameInput").value;
            var token = document.getElementById("tokenInput").value;
            var s = document.getElementById("sInput").value;
            var url = "https://shanhe.kim/api/ali/aliv2.php?name=" + name + "&token=" + token + "&s=" + s;

            $.ajax({
                url: url,
                type: "GET",
                dataType: "json",
                success: function(response) {
                    if (response.code === 200) {
                        var message = "代码：" + response.code + "<br>" +
                            "信息：" + response.message;
                        if (s === "write") {
                            message = "任务提交成功";
                        } else if (s === "read") {
                            message = "任务查询成功";
                            var data = response.data;
                            if (data.length === 0) {
                                message += "<br>找到匹配的数据：<br>今天还未执行任务";
                            } else {
                                for (var i = 0; i < data.length; i++) {
                                    message += "<br>找到匹配的数据：" +
                                        "<br>名称：" + data[i].name +
                                        "<br>Token：" + data[i].token +
                                        "<br>ID：" + data[i].id;
                                }
                            }
                        }

                        layui.use('layer', function() {
                            var layer = layui.layer;
                            layer.open({
                                title: '操作结果',
                                content: message,
                                btn: ['确定']
                            });
                        });
                    } else {
                        layui.use('layer', function() {
                            var layer = layui.layer;
                            layer.open({
                                title: '操作失败',
                                content: response.message, // 提示返回的错误信息
                                btn: ['确定']
                            });
                        });
                    }
                },
                error: function() {
                    layui.use('layer', function() {
                        var layer = layui.layer;
                        layer.open({
                            title: '请求失败',
                            content: '请求失败，请检查网络连接或服务器错误。',
                            btn: ['确定']
                        });
                    });
                }
            });
        }
    </script>
    <style>
        body {
            font-family: Arial, sans-serif;
            background: #f5f5f5;
            padding: 20px;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            background: #fff;
            padding: 20px;
            border-radius: 5px;
        }

        .task-container {
            margin-bottom: 20px;
        }

        .task-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }

        .task-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }

        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .form-group .input-field {
            width: 100%;
            box-sizing: border-box;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }

        .form-group .input-field:focus {
            outline: none;
            border-color: #009688;
        }

        .form-group .input-field::placeholder {
            color: #999;
        }

        .form-group .input-field.layui-select {
            height: 38px;
        }

        .form-group .input-field.layui-select .layui-select-title {
            height: 36px;
            line-height: 36px;
            border: none;
            background-color: #f5f5f5;
            color: #666;
        }

        .form-group .input-field.layui-select .layui-select-title:hover {
            background-color: #fff;
        }

        .form-group .input-field.layui-select .layui-edge {
            top: 14px;
        }

        .form-group .input-field.layui-select .layui-input {
            color: #666;
        }

        .form-group .input-field.layui-select .layui-input::-webkit-input-placeholder {
            color: #999;
        }

        .form-group .input-field.layui-select .layui-input::-moz-placeholder {
            color: #999;
            opacity: 1;
        }

        .form-group .input-field.layui-select .layui-input:-ms-input-placeholder {
            color: #999;
        }

        .form-group .input-field.layui-select .layui-input:-moz-placeholder {
            color: #999;
            opacity: 1;
        }

        .form-group .input-field.layui-select .layui-icon {
            color: #666;
        }

        .form-group .input-field.layui-select.layui-form-disabled .layui-select-title {
            background-color: #f5f5f5;
            color: #c2c2c2;
        }

        .form-group .input-field.layui-select .layui-edge {
            border-left-color: #666;
        }

        .form-group .input-field.layui-btn {
            margin-top: 10px;
        }

        .info-container {
            margin-bottom: 40px;
        }

        .info-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }

        .info-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }

        .info-line {
            margin-bottom: 10px;
        }

        .info-line strong {
            font-weight: bold;
            margin-right: 5px;
        }

        .info-line a {
            color: #009688;
        }

        .info-image {
            max-width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

        .api-container {
            margin-bottom: 40px;
        }

        .api-title {
            background-color: #009688;
            color: #fff;
            padding: 10px;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
            border-radius: 5px 5px 0 0;
        }

        .api-content {
            padding: 10px;
            border: 1px solid #009688;
            border-radius: 0 0 5px 5px;
        }

        .api-param-table {
            width: 100%;
            margin-bottom: 10px;
            border-collapse: collapse;
        }

        .api-param-table th,
        .api-param-table td {
            padding: 8px;
            border: 1px solid #ccc;
            text-align: left;
        }

        .api-param-table th {
            background-color: #f5f5f5;
            font-weight: bold;
        }

        .api-param-table td {
            background-color: #fff;
        }
        
.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-group .input-field {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
}

.form-group .input-field.layui-btn {
    margin-top: 10px;
    line-height: 38px;
    text-align: center;
}

.info-line {
    margin-bottom: 10px;
    word-break: break-all;
}

.api-param-table th,
.api-param-table td {
    padding: 8px;
    border: 1px solid #ccc;
    text-align: center;
}

.task-content {
    padding: 10px;
    border: 1px solid #009688;
    border-radius: 0 0 5px 5px;
    text-align: center;
}

.task-content .form-group {
    text-align: left;
}

.layui-badge {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
}



    </style>
</head>

<body>
    <div class="container">

<div class="container">
    <div class="task-container">
        <div class="task-title">任务操作</div>
        <div class="task-content">
            <div>
                <div class="form-group">
                    <label for="nameInput">账号：</label>
                    <input type="text" id="nameInput" lay-verify="required" placeholder="建议QQ号，用于提交和查询任务" autocomplete="off"
                        class="input-field">
                </div>
                <div class="form-group">
                    <label for="tokenInput">Token：</label>
                    <input type="text" id="tokenInput" lay-verify="required" placeholder="请输入Token" autocomplete="off"
                        class="input-field">
                </div>
                <div class="form-group">
                    <label for="sInput">操作：</label>
                    <select id="sInput" lay-verify="required" class="layui-select" onchange="handleOperationChange()">
                        <option value="">请选择操作</option>
                        <option value="write">提交任务</option>
                        <option value="read">查询任务</option>
                    </select>
                </div>
                
<button class="layui-btn layui-btn-normal layui-btn-radius layui-inline-block" onclick="getTokenInfo()">执行操作</button>

                </div>
            </div>
        </div>
    


        
<script>
    // 将这段代码添加到已有的<script>标签中或者添加一个新的<script>标签
    function handleOperationChange() {
        var sInput = document.getElementById("sInput");
        var tokenInput = document.getElementById("tokenInput");
        var tokenInputLabel = document.querySelector("label[for='tokenInput']");

        if (sInput.value === "read") {
            tokenInput.style.display = "none";
            tokenInputLabel.style.display = "none";
        } else {
            tokenInput.style.display = "block";
            tokenInputLabel.style.display = "block";
        }
    }
</script>

        <div class="info-container">
            <div class="info-title">阿里refresh_token获取方法</div>
            <div class="info-content">
                <div class="info-line">
                    <strong>方法一：扫码获取token</strong>
                </div>
                <div class="info-line">打开链接<a href="https://alist.nn.ci/zh/guide/drivers/aliyundrive.html">https://alist.nn.ci/zh/guide/drivers/aliyundrive.html</a></div>
                <div class="info-line">下滑，有获取token按钮，生成二维码后，截屏使用阿里云盘app扫码，返回网页，即可获取</div>
                <br>
                <div class="info-line">
                    <strong>方法二：手动获取</strong>
                </div>
                <div class="info-line">登录 <a href="https://www.aliyundrive.com/drive/">https://www.aliyundrive.com/drive/</a></div>
                <div class="info-line">打开浏览器的开发者工具(如 Chrome DevTools)。</div>
                <div class="info-line">然后选择开发者工具的 Console 面板。输入 JSON.parse(localStorage.token).refresh_token，再回车，获取 refresh_token</div>
                <img src="https://crossfb-70080.picnjc.qpic.cn/g.52000000-r.e620f/1690787309794_hf_0" alt="方法示意图" class="info-image">
                <div class="info-line">
                    <strong>温馨提示：token有效期大概为1-2个月 ，本程序会自动清理过期的token，每一个账号，只能对应一个token</strong>
            </div>
        </div>
         </div>

<div class="api-container">
    <div class="api-title">阿里网盘自动任务接口</div>
    <div class="api-content">
        <div class="info-line">
            <strong>接口地址：</strong>
            <span class="api-badge">http://shanhe.kim/api/ali/aliv2.php?name=你的QQ号&token=阿里云盘token&s=write</span>
        </div>
    </div>

                <br>
                <div class="info-line">
                    <strong>请求参数说明：</strong>
                </div>
                <table class="api-param-table">
                    <thead>
                        <tr>
                            <th>名称</th>
                            <th>必填</th>
                            <th>类型</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>name</td>
                            <td>是</td>
                            <td>QQ号，方便查询</td>
                        </tr>
                        <tr>
                            <td>token</td>
                            <td>是</td>
                            <td>string</td>
                        </tr>
                        <tr>
                            <td>s</td>
                            <td>是</td>
                            <td>选填类型，write为提交任务，read为查询任务</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>

</html>
------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

------关注微信公众号：胖大海TuT------
© 版权声明
版权声明 1 本网站名称：胖大海博客资源网
2 本站永久网址：https://www.pdha.top
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ941093035进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
THE END
资源分享
# 单页源码# 阿里云盘签到# 自动签到源码
喜欢就支持一下吧
点赞980 分享
Failure is the fog through which we glimpse triumph.
失败是一团迷雾，穿过它，我们可以瞥见胜利。
xiaohai的头像-胖大海博客资源网黄金会员
相关推荐
评论 抢沙发

请登录后发表评论

    暂无评论内容

超清无广告视频观看 速讯影院
在线视频解析 蓝光解析
抖音视频去水印 抖音去水印
实用较全的工具箱 胖大海工具箱
胖大海免费API接口 免费API
微信公众号：胖大海TuT