note/wechat_get_code.md at b655fbadb34c4f2372a0ed1b0af5b3572851eed1

2025-11-19 10:16:05 +08:00

4.0 KiB

Raw Blame History

微信 Code 授权

index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信 Code 授权</title>
</head>
<body>
    <h2>点击按钮获取微信 Code</h2>
    <button id="getCodeBtn">获取 Code</button>

    <script>
        document.getElementById("getCodeBtn").addEventListener("click", function() {
            // 获取授权页面的 URL
            const appId = 'wx50611fcd613febd6'; // 替换为你的微信AppID
            const redirectUri = encodeURIComponent('https://ekt1.suzhou.edu.cn/young-admin/wechat/wechat-callback.html'); // 替换为>你自己的回调URL
            const wechatAuthUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=snsapi_base&state=123#wechat_redirect`;

            // 跳转到微信授权页面
            window.location.href = wechatAuthUrl;
        });
    </script>
</body>
</html>

wechat-callback.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信授权回调</title>
</head>
<body>
    <h2>授权成功！</h2>
    <p id="codeDisplay">正在获取code...</p>

    <script>
        // 获取URL中的code参数
        function getQueryVariable(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] === variable) {
                    return pair[1];
                }
            }
            return false;
        }

        // 显示code
        const code = getQueryVariable("code");
        if (code) {
            document.getElementById("codeDisplay").textContent = "授权码 (code): " + code;
        } else {
            document.getElementById("codeDisplay").textContent = "未获取到code";
        }
    </script>
</body>
</html>

all in one get_code.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信 Code 授权</title>
</head>
<body>
    <h2 id="title">点击按钮获取微信 Code</h2>
    <button id="getCodeBtn">获取 Code</button>
    <p id="codeDisplay">正在获取code...</p>

    <script>
        // 获取授权页面的 URL
        const appId = 'wx50611fcd613febd6'; // 替换为你的微信AppID
        const redirectUri = encodeURIComponent('https://ekt1.suzhou.edu.cn/young-admin/wechat/get_code.html'); // 替换为你自己的回调URL
        const wechatAuthUrl = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appId}&redirect_uri=${redirectUri}&response_type=code&scope=snsapi_base&state=123#wechat_redirect`;

        // 处理按钮点击事件
        document.getElementById("getCodeBtn").addEventListener("click", function() {
            // 跳转到微信授权页面
            window.location.href = wechatAuthUrl;
        });

        // 获取URL中的code参数
        function getQueryVariable(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] === variable) {
                    return pair[1];
                }
            }
            return false;
        }

        // 显示code
        const code = getQueryVariable("code");
        if (code) {
            document.getElementById("title").textContent = "授权成功！";
            document.getElementById("codeDisplay").textContent = "授权码 (code): " + code;
            document.getElementById("getCodeBtn").style.display = 'none'; // 隐藏按钮
        } else {
            document.getElementById("codeDisplay").textContent = "未获取到code";
        }
    </script>
</body>
</html>

4.0 KiB Raw Blame History

微信 Code 授权

4.0 KiB

Raw Blame History