fix: 优化飞书内免登功能,移除外部 JSBridge SDK 加载

- tt 对象由飞书客户端自动注入,无需加载外部 SDK
- 增加轮询超时时间到 10 秒
- 添加更详细的调试日志
- 超时时降级到扫码登录

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
root
2026-02-27 23:05:43 +08:00
parent 5855546a7c
commit 4c3b750884
2 changed files with 61 additions and 102 deletions
+2 -42
View File
@@ -5,49 +5,9 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>frontend</title>
<!-- 飞书扫码登录 SDK -->
<!-- 飞书扫码登录 SDK(飞书外扫码登录用) -->
<script src="https://lf-package-cn.feishucdn.com/obj/feishu-static/lark/passport/qrcode/LarkSSOSDKWebQRCode-1.0.3.js"></script>
<!-- 飞书 H5 JSBridge SDK(多 CDN 备用) -->
<script>
// 尝试加载飞书 JSBridge,如果失败则尝试其他 CDN
var scripts = [
'https://lf1-cdn-tos.bytegoofy.com/goofy/lark/passport/h5-jsbridge-1.0.3.js',
'https://lf9-cn.feishucdn.com/obj/lark/passport/h5-jsbridge-1.0.3.js'
];
function loadScript(url) {
return new Promise(function(resolve, reject) {
var script = document.createElement('script');
script.src = url;
script.onload = function() { console.log('JSBridge loaded from:', url); resolve(); };
script.onerror = function() { reject(url); };
document.head.appendChild(script);
});
}
// 按顺序尝试加载 JSBridge
function loadJSBridge() {
var index = 0;
function tryNext() {
if (index < scripts.length) {
loadScript(scripts[index])
.catch(function() {
console.warn('JSBridge load failed:', scripts[index]);
index++;
tryNext();
});
} else {
console.error('All JSBridge CDNs failed');
}
}
tryNext();
}
// 页面加载后尝试加载 JSBridge
if (navigator.userAgent.includes('Lark') || navigator.userAgent.includes('feishu')) {
loadJSBridge();
}
</script>
<!-- 飞书内免登说明:tt 对象由飞书客户端自动注入,无需加载外部 SDK -->
</head>
<body>
<div id="root"></div>
+59 -60
View File
@@ -79,6 +79,18 @@ export default function Login() {
console.log('在飞书中:', isInFeishu)
console.log('window.tt:', window.tt)
// 检查所有可能的飞书相关全局对象
const feishuObjects = {}
for (const key in window) {
if (key.toLowerCase().includes('tt') ||
key.toLowerCase().includes('lark') ||
key.toLowerCase().includes('feishu') ||
key.toLowerCase().includes('bridge')) {
feishuObjects[key] = typeof window[key]
}
}
console.log('🔍 飞书相关全局对象:', feishuObjects)
// 检查 URL 中是否来自飞书消息通知
const urlParams = new URLSearchParams(window.location.search)
const authCode = urlParams.get('auth_code')
@@ -110,20 +122,32 @@ export default function Login() {
setEnvironment('feishu')
handleFeishuAutoLogin()
} else if (isInFeishu) {
// 飞书内环境,等待 tt 对象加载后尝试免登
console.log('⏳ 在飞书内环境,等待 tt 对象加载...')
// 飞书内环境,tt 对象由飞书客户端自动注入
// 使用轮询等待 tt 对象可用(最多 10 秒)
console.log('⏳ 在飞书内环境,等待飞书客户端注入 tt 对象...')
setEnvironment('feishu')
setLoading(false)
// 给 tt 对象一些时间来加载(最多 2 秒)
setTimeout(() => {
if (window.tt) {
console.log('✅ tt 对象已加载,开始免登')
let attempts = 0
const maxAttempts = 100 // 100 * 100ms = 10秒
const checkInterval = setInterval(() => {
attempts++
console.log(`🔍 检查 tt 对象 (${attempts}/${maxAttempts}):`, !!window.tt, typeof window.tt)
if (window.tt && typeof window.tt === 'object') {
clearInterval(checkInterval)
console.log('✅ tt 对象已由飞书客户端注入,开始免登')
handleFeishuAutoLogin()
} else {
console.log('⚠️ tt 对象仍未加载,显示二维码登录')
} else if (attempts >= maxAttempts) {
clearInterval(checkInterval)
console.error('❌ 等待 tt 对象超时,最后状态 window.tt:', window.tt, typeof window.tt)
console.error('❌ 请检查:1) 飞书开放平台是否正确配置 H5 应用地址 2) 页面是否从飞书应用入口进入')
// 不自动弹错误,而是显示飞书内登录界面
setLoading(false)
setShowQRCode(true)
}
}, 2000)
}, 100)
} else {
// 飞书外:显示登录选项
console.log('📱 飞书外环境,显示登录选项')
@@ -135,8 +159,6 @@ export default function Login() {
// 飞书内静默授权
const handleFeishuAutoLogin = () => {
console.log('🚀 开始飞书免登')
console.log('🔍 window.tt:', window.tt)
console.log('🔍 window.tt 类型:', typeof window.tt)
// 从 URL 获取 company 参数(可能来自当前 URL 或 redirect URL)
const urlParams = new URLSearchParams(window.location.search)
@@ -153,60 +175,37 @@ export default function Login() {
}
}
// 详细检查 tt 对象
if (window.tt) {
console.log('✅ tt 对象存在')
console.log('🔍 tt 的所有属性:', Object.keys(window.tt))
console.log('🔍 tt.requestAuthCode 类型:', typeof window.tt.requestAuthCode)
console.log('🔍 window.tt:', window.tt)
console.log('🔍 tt 的属性:', Object.keys(window.tt || {}))
// 检查 requestAuthCode 是否存在
if ('requestAuthCode' in window.tt) {
console.log('✅ requestAuthCode 属性存在')
console.log('🔍 类型:', typeof window.tt.requestAuthCode)
} else {
console.log('❌ requestAuthCode 属性不存在')
}
} else {
console.log('❌ tt 对象不存在')
if (!window.tt) {
console.error('❌ tt 对象不存在')
setLoading(false)
Toast.show('飞书 API 未加载,请刷新重试')
Toast.show('飞书环境异常,请刷新重试')
return
}
// 等待一小段时间,确保 tt 完全初始化
setTimeout(() => {
console.log('⏰ 延迟后再次检查 tt:', !!window.tt)
// 调用 tt.requestAuthCode 获取授权码
try {
console.log('🔧 调用 tt.requestAuthCode')
if (!window.tt) {
setLoading(false)
Toast.show('飞书 API 加载失败')
return
}
// 尝试调用 requestAuthCode
try {
console.log('🔧 调用 tt.requestAuthCode,company:', companyParam)
// 不传 appId,让飞书自动选择(后端会根据 company 参数处理)
window.tt.requestAuthCode({
success: (res: any) => {
console.log('✅ 成功获取授权码:', res)
console.log('✅ code:', res.code?.substring(0, 30))
handleFeishuLogin(res.code)
},
fail: (error: any) => {
console.error('❌ requestAuthCode 失败:', error)
console.error('❌ 错误详情:', JSON.stringify(error))
setLoading(false)
Toast.show('免登失败:' + (error.errorMessage || error.errMsg || JSON.stringify(error)))
},
})
} catch (e) {
console.error('❌ 调用异常:', e)
setLoading(false)
Toast.show('免登失败,请使用其他方式登录')
}
}, 500)
// 不传 appId,让飞书自动选择(后端会根据 company 参数处理)
window.tt.requestAuthCode({
success: (res: any) => {
console.log('✅ 成功获取授权码:', res.code?.substring(0, 30))
handleFeishuLogin(res.code)
},
fail: (error: any) => {
console.error('❌ requestAuthCode 失败:', error)
setLoading(false)
Toast.show('免登失败:' + (error.errorMessage || error.errMsg || JSON.stringify(error)))
},
})
} catch (e) {
console.error('❌ 调用异常:', e)
setLoading(false)
Toast.show('免登失败,请重试')
}
}
// 跳转到飞书授权页面(飞书外扫码登录)