This commit is contained in:
zxx
2026-03-16 17:16:40 +08:00
parent d1fe40440b
commit 52b79d2ea9
210 changed files with 3676 additions and 0 deletions

View File

@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Telegram Mini App Login</title>
<script src="https://telegram.org/js/telegram-web-app.js?59"></script>
</head>
<body>
<h2>Telegram Mini App 登录示例</h2>
<div id="user-info"></div>
<button onclick="sendToServer()">回调到服务器</button>
<script>
// 获取初始化数据Telegram 客户端注入)
const tg = window.Telegram.WebApp;
const initDataUnsafe = tg.initDataUnsafe; // 结构化的对象
const initData = tg.initData; // 原始字符串(校验用)
// 展示用户信息
const infoDiv = document.getElementById("user-info");
if (initDataUnsafe && initDataUnsafe.user) {
const u = initDataUnsafe.user;
infoDiv.innerHTML = `
<p>欢迎 ${u.first_name} ${u.last_name || ""}</p>
<p>用户名:@${u.username || "未设置"}</p>
<p>Telegram ID: ${u.id}</p>
`;
} else {
infoDiv.innerHTML = "<p>⚠️ 没有获取到用户信息</p>";
}
// 点击按钮回调服务器
function sendToServer() {
fetch("https://bi.toncent.net/local/hello", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
initData: initData, // 原始签名数据(必传,后端要校验)
user: initDataUnsafe.user || {} // 方便调试
})
})
.then(res => res.json())
.then(data => {
alert("后端返回:" + JSON.stringify(data));
})
.catch(err => {
console.error("回调失败:", err);
alert("回调失败:" + err);
});
}
</script>
</body>
</html>