Compare commits

..

8 Commits

Author SHA1 Message Date
kk a071f760d3 授权回调code支持auth_code
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 48s
2026-07-20 10:30:59 +08:00
kk 445d428d8b 授权获取用户信息scope是auth_user
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 1m12s
2026-07-17 17:45:24 +08:00
kk bbbd386e1e 修改scope
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 41s
2026-07-17 17:19:35 +08:00
kk fd3cd58123 scope参数问题处理
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 40s
2026-07-17 16:22:57 +08:00
kk 97d4be5772 支付宝防止重复调用
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 45s
2026-07-17 15:35:31 +08:00
kk b2b92ec6b4 防止重复跳转
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 45s
2026-07-17 15:13:13 +08:00
kk b336b901d3 前端传入state
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 48s
2026-07-17 14:40:21 +08:00
kk 9439bcf9d7 解析state参数
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 50s
2026-07-17 12:20:20 +08:00
3 changed files with 102 additions and 54 deletions
+2 -2
View File
@@ -42,8 +42,8 @@
} }
} }
// 3. 检查 URL 中是否有授权回调的 code // 3. 检查 URL 中是否有授权回调的 code(支付宝用 auth_code,微信用 code
const code = urlParams.get('code'); const code = urlParams.get('code') || urlParams.get('auth_code');
if (code) { if (code) {
// 有 code → 进入授权 Loading 页处理 // 有 code → 进入授权 Loading 页处理
+85 -31
View File
@@ -16,6 +16,7 @@ export default {
statusText: '正在登录...', statusText: '正在登录...',
deviceId: '', deviceId: '',
action: '', action: '',
navigating: false, // 防止重复跳转
}; };
}, },
onLoad(options) { onLoad(options) {
@@ -37,6 +38,24 @@ export default {
code = urlParams.get('code') || urlParams.get('auth_code') || ''; code = urlParams.get('code') || urlParams.get('auth_code') || '';
} }
// 解析 state 参数(OAuth 标准保证 state 原样回传,包含 action 和 device_id
if (!this.action || !this.deviceId) {
const stateRaw = options.state || '';
if (stateRaw) {
try {
const stateObj = JSON.parse(decodeURIComponent(stateRaw));
if (!this.action && stateObj.action) {
this.action = stateObj.action;
}
if (!this.deviceId && stateObj.device_id) {
this.deviceId = stateObj.device_id;
}
} catch (_) {
// state 解析失败,继续用 localStorage 兜底
}
}
}
// 兜底:从 localStorage 恢复(页面复用时 onLoad 不触发,localStorage 由跳转函数清理) // 兜底:从 localStorage 恢复(页面复用时 onLoad 不触发,localStorage 由跳转函数清理)
if (!this.action) { if (!this.action) {
this.action = localStorage.getItem('__auth_action') || ''; this.action = localStorage.getItem('__auth_action') || '';
@@ -73,7 +92,19 @@ export default {
* 发起 OAuth 授权(静默授权,只获取 openid) * 发起 OAuth 授权(静默授权,只获取 openid)
*/ */
async startAuth() { async startAuth() {
// 清除上次使用的 code 标记 // 防止重复调用(实例级 + storage 级双重保护)
if (this.navigating) {
console.log('[Auth] 已在跳转中,忽略重复 startAuth');
return;
}
// handleCallback 正在处理中或已完成,禁止发起新授权
if (uni.getStorageSync('__auth_callback_done')) {
console.log('[Auth] 回调处理中/已完成,跳过 startAuth');
return;
}
this.navigating = true;
// 清除上次使用的 code 标记(仅在发起新授权时清除,不在 handleCallback 流程中)
uni.removeStorageSync('__used_auth_code'); uni.removeStorageSync('__used_auth_code');
const platform = detectPlatform(); const platform = detectPlatform();
@@ -100,28 +131,24 @@ export default {
// 静默授权:微信用 snsapi_base,支付宝用 auth_base // 静默授权:微信用 snsapi_base,支付宝用 auth_base
const scopes = platform === 'alipay' ? 'auth_base' : 'snsapi_base'; const scopes = platform === 'alipay' ? 'auth_base' : 'snsapi_base';
// 构建 state(包含 device_id,回调时原样回传)
const stateObj = {};
if (this.deviceId) {
stateObj.device_id = this.deviceId;
}
const res = await gatewayGet('/api/v1/user/auth/url', { const res = await gatewayGet('/api/v1/user/auth/url', {
app_no: appNo, app_no: appNo,
scopes: scopes, scopes: scopes,
redirect_uri: redirectUri, redirect_uri: redirectUri,
state: Object.keys(stateObj).length > 0 ? JSON.stringify(stateObj) : '',
}); });
const data = res.data || {}; const data = res.data || {};
if (data.code === 0 && data.data && data.data.auth_url) { if (data.code === 0 && data.data && data.data.auth_url) {
// 通过 state 传递 device_idOAuth 标准保证 state 原样回传) // 后端已将 state 写入授权 URL,直接跳转
let authUrl = data.data.auth_url; window.location.href = data.data.auth_url;
if (this.deviceId) {
const stateVal = encodeURIComponent(JSON.stringify({ device_id: this.deviceId }));
try {
const urlObj = new URL(authUrl);
urlObj.searchParams.set('state', stateVal);
authUrl = urlObj.toString();
} catch (_) {
authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
}
}
// 跳转微信授权页(静默,不弹窗)
window.location.href = authUrl;
} else { } else {
uni.showToast({ title: data.message || '获取授权失败', icon: 'none' }); uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
setTimeout(() => this.goToScan(), 1500); setTimeout(() => this.goToScan(), 1500);
@@ -137,6 +164,15 @@ export default {
* 处理授权回调(用 code 换 openid,再用 openid 登录) * 处理授权回调(用 code 换 openid,再用 openid 登录)
*/ */
async handleCallback(code) { async handleCallback(code) {
// 防止重复调用(实例级 + storage 级双重保护)
if (this.navigating) {
console.log('[Auth] 已在跳转中,忽略重复 handleCallback');
return;
}
this.navigating = true;
// storage 级保护:跨页面实例生效,防止支付宝整页重载后重复执行
uni.setStorageSync('__auth_callback_done', '1');
const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform()); const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
if (!appNo) { if (!appNo) {
@@ -149,6 +185,7 @@ export default {
const usedCode = uni.getStorageSync('__used_auth_code'); const usedCode = uni.getStorageSync('__used_auth_code');
if (usedCode === code) { if (usedCode === code) {
console.warn('[loading] code 已使用过,跳过'); console.warn('[loading] code 已使用过,跳过');
this.navigating = false;
return; return;
} }
uni.setStorageSync('__used_auth_code', code); uni.setStorageSync('__used_auth_code', code);
@@ -233,6 +270,17 @@ export default {
* 发起非静默授权获取用户信息(snsapi_userinfo,弹窗确认) * 发起非静默授权获取用户信息(snsapi_userinfo,弹窗确认)
*/ */
async startUserInfoAuth() { async startUserInfoAuth() {
// 防止重复调用(实例级 + storage 级双重保护)
if (this.navigating) {
console.log('[Auth] 已在跳转中,忽略重复 startUserInfoAuth');
return;
}
if (uni.getStorageSync('__auth_callback_done')) {
console.log('[Auth] 回调处理中/已完成,跳过 startUserInfoAuth');
return;
}
this.navigating = true;
// 清除上次使用的 code 标记 // 清除上次使用的 code 标记
uni.removeStorageSync('__used_auth_code'); uni.removeStorageSync('__used_auth_code');
@@ -261,30 +309,24 @@ export default {
// 用户信息授权:微信用 snsapi_userinfo,支付宝用 auth_user // 用户信息授权:微信用 snsapi_userinfo,支付宝用 auth_user
const scopes = platform === 'alipay' ? 'auth_user' : 'snsapi_userinfo'; const scopes = platform === 'alipay' ? 'auth_user' : 'snsapi_userinfo';
// 构建 state(包含 action 和 device_id,回调时原样回传)
const stateObj = { action: 'userinfo' };
if (this.deviceId) {
stateObj.device_id = this.deviceId;
}
const res = await gatewayGet('/api/v1/user/auth/url', { const res = await gatewayGet('/api/v1/user/auth/url', {
app_no: appNo, app_no: appNo,
scopes: scopes, scopes: scopes,
redirect_uri: redirectUri, redirect_uri: redirectUri,
state: JSON.stringify(stateObj),
}); });
const data = res.data || {}; const data = res.data || {};
if (data.code === 0 && data.data && data.data.auth_url) { if (data.code === 0 && data.data && data.data.auth_url) {
// 通过 state 传递 action 和 device_idOAuth 标准保证 state 原样回传) // 后端已将 state 写入授权 URL,直接跳转
const stateObj = { action: 'userinfo' }; window.location.href = data.data.auth_url;
if (this.deviceId) {
stateObj.device_id = this.deviceId;
}
const stateVal = encodeURIComponent(JSON.stringify(stateObj));
let authUrl = data.data.auth_url;
try {
const urlObj = new URL(authUrl);
urlObj.searchParams.set('state', stateVal);
authUrl = urlObj.toString();
} catch (_) {
authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
}
// 跳转微信授权页(弹窗确认)
window.location.href = authUrl;
} else { } else {
uni.showToast({ title: data.message || '获取授权失败', icon: 'none' }); uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
setTimeout(() => this.goToHomeWithAction(), 1500); setTimeout(() => this.goToHomeWithAction(), 1500);
@@ -300,6 +342,14 @@ export default {
* 处理用户信息授权回调(用 code 调 /api/v1/user/info 获取头像昵称) * 处理用户信息授权回调(用 code 调 /api/v1/user/info 获取头像昵称)
*/ */
async handleUserInfoCallback(code) { async handleUserInfoCallback(code) {
// 防止重复调用(实例级 + storage 级双重保护)
if (this.navigating) {
console.log('[Auth] 已在跳转中,忽略重复 handleUserInfoCallback');
return;
}
this.navigating = true;
uni.setStorageSync('__auth_callback_done', '1');
const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform()); const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
if (!appNo) { if (!appNo) {
@@ -311,6 +361,7 @@ export default {
const usedCode = uni.getStorageSync('__used_auth_code'); const usedCode = uni.getStorageSync('__used_auth_code');
if (usedCode === code) { if (usedCode === code) {
console.warn('[loading] code 已使用过,跳过'); console.warn('[loading] code 已使用过,跳过');
this.navigating = false;
return; return;
} }
uni.setStorageSync('__used_auth_code', code); uni.setStorageSync('__used_auth_code', code);
@@ -371,6 +422,7 @@ export default {
: '/pages/index/index?action=mine'; : '/pages/index/index?action=mine';
localStorage.removeItem('__auth_device_id'); localStorage.removeItem('__auth_device_id');
localStorage.removeItem('__auth_action'); localStorage.removeItem('__auth_action');
uni.removeStorageSync('__auth_callback_done');
uni.redirectTo({ url }); uni.redirectTo({ url });
}, },
@@ -380,6 +432,7 @@ export default {
? `/pages/index/index?device_id=${deviceId}` ? `/pages/index/index?device_id=${deviceId}`
: '/pages/index/index'; : '/pages/index/index';
localStorage.removeItem('__auth_device_id'); localStorage.removeItem('__auth_device_id');
uni.removeStorageSync('__auth_callback_done');
uni.redirectTo({ url }); uni.redirectTo({ url });
}, },
@@ -395,6 +448,7 @@ export default {
const url = this.deviceId const url = this.deviceId
? `/pages/register/register?device_id=${this.deviceId}` ? `/pages/register/register?device_id=${this.deviceId}`
: '/pages/register/register'; : '/pages/register/register';
uni.removeStorageSync('__auth_callback_done');
uni.redirectTo({ url }); uni.redirectTo({ url });
}, },
+15 -21
View File
@@ -344,34 +344,28 @@ export default {
window.location.origin.replace(/^http:/, 'https:') + window.location.pathname window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
); );
// 获取非静默授权链接(会弹窗确认 // 构建 state(包含 action 和 device_id,回调时原样回传
const stateObj = { action: 'userinfo' };
if (this.deviceId) {
stateObj.device_id = this.deviceId;
}
// 用户信息授权:微信用 snsapi_userinfo,支付宝用 auth_user
const platform = uni.getStorageSync('platform') || 'wechat';
const scopes = platform === 'alipay' ? 'auth_user' : 'snsapi_userinfo';
const res = await gatewayGet('/api/v1/user/auth/url', { const res = await gatewayGet('/api/v1/user/auth/url', {
app_no: appNo, app_no: appNo,
scopes: 'snsapi_userinfo', scopes: scopes,
redirect_uri: redirectUri, redirect_uri: redirectUri,
state: JSON.stringify(stateObj),
}); });
const data = res.data || {}; const data = res.data || {};
if (data.code === 0 && data.data && data.data.auth_url) { if (data.code === 0 && data.data && data.data.auth_url) {
// 通过 state 传递 action 和 device_idOAuth 标准保证 state 原样回传) console.log('[index] 跳转授权页:', data.data.auth_url);
const stateObj = { action: 'userinfo' }; // 后端已将 state 写入授权 URL,直接跳转
if (this.deviceId) { window.location.href = data.data.auth_url;
stateObj.device_id = this.deviceId;
}
const stateVal = encodeURIComponent(JSON.stringify(stateObj));
// 解析 auth_url,安全地设置 state 参数(避免重复)
let authUrl = data.data.auth_url;
try {
const urlObj = new URL(authUrl);
urlObj.searchParams.set('state', stateVal);
authUrl = urlObj.toString();
} catch (_) {
// URL 解析失败时直接拼接
authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
}
console.log('[index] 跳转授权页:', authUrl);
// 跳转微信授权页(弹窗确认)
window.location.href = authUrl;
} else { } else {
console.warn('[index] 获取授权链接失败:', data.message); console.warn('[index] 获取授权链接失败:', data.message);
} }