83 lines
2.2 KiB
HTML
83 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
|
||
<head>
|
||
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>微信授权回调</title>
|
||
<style>
|
||
body {
|
||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
||
padding: 20px;
|
||
color: #333;
|
||
}
|
||
|
||
.url-display {
|
||
word-break: break-all;
|
||
background-color: #f0f0f0;
|
||
padding: 10px;
|
||
border-radius: 5px;
|
||
margin-bottom: 15px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.status {
|
||
font-weight: bold;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<h3>微信公众号授权回调页</h3>
|
||
|
||
<p>当前页面地址:</p>
|
||
<div id="url-display" class="url-display"></div>
|
||
|
||
<p>状态:</p>
|
||
<div id="status" class="status">正在处理...</div>
|
||
|
||
<script>
|
||
(function () {
|
||
const urlDisplay = document.getElementById('url-display');
|
||
const statusDiv = document.getElementById('status');
|
||
|
||
// 显示当前地址
|
||
urlDisplay.textContent = location.href;
|
||
|
||
// 解析 code
|
||
const params = new URLSearchParams(location.search);
|
||
const code = params.get('code');
|
||
|
||
if (!code) {
|
||
statusDiv.textContent = '错误：URL中未找到 code 参数。';
|
||
return;
|
||
}
|
||
|
||
statusDiv.textContent = '成功获取到 code，等待小程序环境注入...';
|
||
|
||
function sendCodeToMiniProgram() {
|
||
if (!wx || !wx.miniProgram) {
|
||
statusDiv.textContent = '错误：当前不在小程序 web-view 环境中，无法回传 code。';
|
||
return;
|
||
}
|
||
statusDiv.textContent = '检测到小程序环境，正在回传 code...';
|
||
wx.miniProgram.postMessage({ data: { mpCode: code } });
|
||
setTimeout(function () {
|
||
wx.miniProgram.navigateBack();
|
||
}, 200);
|
||
}
|
||
|
||
// 等 JS-SDK/WeixinJSBridge 准备好再发
|
||
if (typeof WeixinJSBridge !== 'undefined') {
|
||
sendCodeToMiniProgram();
|
||
} else {
|
||
document.addEventListener('WeixinJSBridgeReady', sendCodeToMiniProgram, false);
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html> |