Compare commits

..

2 Commits

Author SHA1 Message Date
kk 45147426e0 将必要参数拼接在redirect_uri中
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 44s
2026-07-11 11:01:22 +08:00
kk 7b2e4dc72e 修改授权逻辑
Uni-app H5 Deploy (Prod + Staging) / deploy (release) Successful in 48s
2026-07-11 10:28:43 +08:00
4 changed files with 239 additions and 86 deletions
+10 -4
View File
@@ -30,7 +30,7 @@
const urlParams = new URLSearchParams(window.location.search);
deviceId = urlParams.get('device_id') || '';
// 兜底:从路径解析(如 /pages/index/index/N1154
// 兜底:从路径解析(如 /N1154)
if (!deviceId) {
const path = window.location.pathname;
const segments = path.split('/').filter(Boolean);
@@ -46,10 +46,16 @@
const code = urlParams.get('code');
if (code) {
// 有 code → 进入授权 Loading 页处理,保留 code 参数
// 有 code → 进入授权 Loading 页处理
// redirect_uri 已携带 device_id 和 action,回调时直接从 URL 取
const action = urlParams.get('action') || '';
const callbackDeviceId = urlParams.get('device_id') || deviceId || '';
let loadingUrl = '/pages/auth/loading?code=' + encodeURIComponent(code);
if (deviceId) {
loadingUrl += '&device_id=' + deviceId;
if (action) {
loadingUrl += '&action=' + action;
}
if (callbackDeviceId) {
loadingUrl += '&device_id=' + callbackDeviceId;
}
uni.redirectTo({ url: loadingUrl });
return;
+170 -19
View File
@@ -15,33 +15,54 @@ export default {
return {
statusText: '正在登录...',
deviceId: '',
action: '',
};
},
onLoad(options) {
this.deviceId = options.device_id || '';
this.action = options.action || '';
// #ifdef H5
// Mock 模式:跳过微信 OAuth,直接登录
if (config.mockWechatLogin) {
if (config.mockWechatLogin && this.action !== 'userinfo') {
this.mockLogin();
return;
}
// 优先从页面参数获取 code(App.vue 跳转时带过来)
// 兜底从 URL search 参数获取(微信直接回调时)
// 从 URL 参数获取 code(App.vue 跳转时带过来)
let code = options.code || '';
if (!code) {
const urlParams = new URLSearchParams(window.location.search);
code = urlParams.get('code') || '';
}
// 兜底:从 localStorage 恢复(redirect_uri 参数为主,localStorage 为备用)
if (!this.action) {
this.action = localStorage.getItem('__auth_action') || '';
}
if (!this.deviceId) {
this.deviceId = localStorage.getItem('__auth_device_id') || '';
}
// 清理 localStorage(一次性使用,避免残留影响下次流程)
localStorage.removeItem('__auth_action');
localStorage.removeItem('__auth_device_id');
console.log('[loading] onLoad - action:', this.action, 'deviceId:', this.deviceId, 'code:', code ? 'yes' : 'no');
if (this.action === 'userinfo') {
// 获取用户信息流程
if (code) {
this.handleUserInfoCallback(code);
} else {
this.startUserInfoAuth();
}
} else {
// 登录流程
if (code) {
// 有 code → 调用后端登录
this.handleCallback(code);
} else {
// 无 code → 发起 OAuth 授权
this.startAuth();
}
}
// #endif
// #ifndef H5
@@ -66,10 +87,13 @@ export default {
try {
this.statusText = '正在获取授权...';
// 回调地址必须是 HTTPS,使用配置文件中的地址
const redirectUri = config.authRedirectUri || (
// 回调地址:基础地址 + device_id 参数(回调时保留)
let redirectUri = config.authRedirectUri || (
window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
);
if (this.deviceId) {
redirectUri += (redirectUri.includes('?') ? '&' : '?') + 'device_id=' + encodeURIComponent(this.deviceId);
}
// 使用 snsapi_base 静默授权,不弹窗
const res = await gatewayGet('/api/v1/user/auth/url', {
@@ -94,7 +118,7 @@ export default {
},
/**
* 处理授权回调(从 URL 中获取 code 后换取 openid,再用 openid 登录)
* 处理授权回调( code openid,再用 openid 登录)
*/
async handleCallback(code) {
const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
@@ -108,18 +132,27 @@ export default {
try {
this.statusText = '正在验证身份...';
// 用 code 换取 openid后端处理,前端只传 code
const res = await gatewayPost('/api/v1/user/login', {
// 1. 用 code 换取 openidsnsapi_base 静默授权
const callbackRes = await gatewayPost('/api/v1/user/auth/exchange', {
app_no: appNo,
code: code,
});
const data = res.data || {};
console.log('[loading] login response:', JSON.stringify(data, null, 2));
const callbackData = callbackRes.data || {};
console.log('[loading] auth callback response:', JSON.stringify(callbackData, null, 2));
if (data.code === 0 && data.data) {
const result = data.data;
console.log('[loading] login result:', JSON.stringify(result, null, 2));
if (callbackData.code !== 0 || !callbackData.data) {
uni.showToast({ title: callbackData.message || '授权失败', icon: 'none' });
setTimeout(() => this.goToScan(), 1500);
return;
}
const openid = callbackData.data.openid;
if (!openid) {
uni.showToast({ title: '获取用户标识失败', icon: 'none' });
setTimeout(() => this.goToScan(), 1500);
return;
}
// 清除 URL 中的 code 参数,避免刷新重复处理
const url = new URL(window.location.href);
@@ -128,15 +161,27 @@ export default {
window.history.replaceState({}, '', url.toString());
// 存储 openid
uni.setStorageSync('openid', result.openid);
uni.setStorageSync('openid', openid);
// 2. 用 openid 调用登录接口
this.statusText = '正在登录...';
const loginRes = await gatewayPost('/api/v1/user/login', {
app_no: appNo,
openid: openid,
});
const data = loginRes.data || {};
console.log('[loading] login response:', JSON.stringify(data, null, 2));
if (data.code === 0 && data.data) {
const result = data.data;
if (result.register) {
// 已注册 → JWT → 跳转首
// 已注册 → 存 token → 进入开门
uni.setStorageSync('token', result.token);
// 不再存储 user_info,点击"我的"时再获取
this.goToHome();
} else {
// 未注册 → 缓存临时数据 → 跳注册页
// 未注册 → 存 temp_token → 跳注册页
uni.setStorageSync('temp_token', result.temp_token);
this.goToRegister();
}
@@ -151,6 +196,112 @@ export default {
}
},
/**
* 发起非静默授权获取用户信息(snsapi_userinfo,弹窗确认)
*/
async startUserInfoAuth() {
const platform = detectPlatform();
const appNo = getAppNo(platform);
if (!appNo) {
// 非微信环境,直接跳回首页
this.goToHomeWithAction();
return;
}
try {
this.statusText = '正在获取用户信息...';
// 回调地址:基础地址 + action + device_id 参数(回调时保留)
let redirectUri = config.authRedirectUri || (
window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
);
redirectUri += (redirectUri.includes('?') ? '&' : '?') + 'action=userinfo';
if (this.deviceId) {
redirectUri += '&device_id=' + encodeURIComponent(this.deviceId);
}
const res = await gatewayGet('/api/v1/user/auth/url', {
app_no: appNo,
scopes: 'snsapi_userinfo',
redirect_uri: redirectUri,
});
const data = res.data || {};
if (data.code === 0 && data.data && data.data.auth_url) {
// 跳转微信授权页(弹窗确认)
window.location.href = data.data.auth_url;
} else {
uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
setTimeout(() => this.goToHomeWithAction(), 1500);
}
} catch (e) {
console.error('[Auth] startUserInfoAuth error:', e);
uni.showToast({ title: '网络请求失败', icon: 'none' });
setTimeout(() => this.goToHomeWithAction(), 1500);
}
},
/**
* 处理用户信息授权回调(用 code 调 /api/v1/user/info 获取头像昵称)
*/
async handleUserInfoCallback(code) {
const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
if (!appNo) {
this.goToHomeWithAction();
return;
}
try {
this.statusText = '正在获取用户信息...';
// 清除 URL 中的 code/action 参数,避免刷新重复处理
const url = new URL(window.location.href);
url.searchParams.delete('code');
url.searchParams.delete('state');
url.searchParams.delete('action');
window.history.replaceState({}, '', url.toString());
// 用 code 调用 /api/v1/user/info 获取用户信息
const res = await gatewayGet('/api/v1/user/info', {
app_no: appNo,
code: code,
});
const data = res.data || {};
console.log('[loading] user info response:', JSON.stringify(data, null, 2));
if (data.code === 0 && data.data) {
const userInfo = data.data;
// 存入缓存
uni.setStorageSync('user_info', {
nickname: userInfo.nickname || '',
avatar: userInfo.avatar || '',
phone: userInfo.phone || '',
});
} else {
console.warn('[loading] 获取用户信息失败:', data.message);
}
// 跳回首页(我的 tab
this.goToHomeWithAction();
} catch (e) {
console.error('[Auth] handleUserInfoCallback error:', e);
this.goToHomeWithAction();
}
},
/**
* 跳回首页并标记为"我的"tab
*/
goToHomeWithAction() {
const url = this.deviceId
? `/pages/index/index?device_id=${this.deviceId}&action=mine`
: '/pages/index/index?action=mine';
uni.redirectTo({ url });
},
goToHome() {
const url = this.deviceId
? `/pages/index/index?device_id=${this.deviceId}`
+49 -54
View File
@@ -164,7 +164,7 @@
import PageNavBar from '@/components/page-nav-bar/page-nav-bar.vue';
import config from '@/config/env.js';
import { get, gatewayGet } from '@/utils/request.js';
import { checkLoginWithPrompt, getCachedUserInfo } from '@/utils/auth-guard.js';
import { checkLoginWithPrompt, getCachedUserInfo, isLoggedIn } from '@/utils/auth-guard.js';
import { isVConsoleEnabled, showVConsole, hideVConsole } from '@/utils/vconsole';
export default {
@@ -226,22 +226,24 @@ export default {
this.isWechat = /MicroMessenger/i.test(navigator.userAgent);
// #endif
// 处理"我的"用户信息授权回调(从 loading 页跳回)
if (options.action === 'mine') {
this.currentTab = 'mine';
this.fromPage = 'navigate';
}
// 支持通过 tab 参数切换到"我的"页面
if (options.tab === 'mine') {
this.currentTab = 'mine';
// 记录来源:从其他页面跳转过来的
this.fromPage = 'navigate';
// 获取用户信息
this.fetchUserInfo();
}
if (options.device_id) {
this.deviceId = options.device_id;
// 动态设置导航栏标题
uni.setNavigationBarTitle({ title: `智能货柜-${this.deviceId}` });
this.fetchProducts();
} else if (!options.tab) {
// 无设备编号且非 tab 跳转,提示并跳至扫码页
} else if (!options.tab && options.action !== 'mine') {
// 无设备编号且非 tab/action 跳转,提示并跳至扫码页
uni.showToast({ title: '请扫描设备二维码', icon: 'none' });
setTimeout(() => {
uni.redirectTo({ url: '/pages/index/scan' });
@@ -265,14 +267,20 @@ export default {
},
methods: {
switchTab(tab) {
// 切换到"我的"Tab 时检查登录
if (tab === 'mine' && !checkLoginWithPrompt('mine')) return;
this.currentTab = tab;
// 记录来源:从 tab 切换的
if (tab === 'mine') {
// 切换到"我的"Tab 时检查登录
if (!checkLoginWithPrompt('mine')) return;
this.currentTab = tab;
this.fromPage = 'tab';
// 获取用户信息
this.fetchUserInfo();
// 已有缓存的用户信息则直接显示,否则发起非静默授权获取
const cached = getCachedUserInfo();
if (cached && cached.nickname) {
this.userInfo = { ...this.userInfo, ...cached };
} else {
this.startUserInfoAuth();
}
} else {
this.currentTab = tab;
}
},
switchCategory(cat) { this.activeCategory = cat; },
@@ -292,24 +300,14 @@ export default {
}
console.log('[index] this.userInfo:', JSON.stringify(this.userInfo, null, 2));
},
// 从接口获取用户信息(点击"我的"时调用
async fetchUserInfo() {
const appNo = uni.getStorageSync('app_no') || config.mockAppNo;
if (!appNo) {
console.warn('[index] 无法获取应用信息');
return;
}
// Mock 模式下,从缓存读取用户信息
// 发起非静默授权获取用户信息(snsapi_userinfo
async startUserInfoAuth() {
// Mock 模式下,直接使用 mock 数据
if (config.mockWechatLogin) {
console.log('[index] Mock 模式,从缓存读取用户信息');
const cached = getCachedUserInfo();
if (cached) {
// 有缓存(注册后存储的),直接使用
if (cached && cached.nickname) {
this.userInfo = { ...this.userInfo, ...cached };
} else {
// 无缓存,使用 mock 数据(已注册用户)
this.userInfo = {
nickname: config.mockUser.user_info.nickname || '',
phone: config.mockUser.user_info.phone || '',
@@ -320,41 +318,38 @@ export default {
return;
}
const appNo = uni.getStorageSync('app_no');
if (!appNo) {
console.warn('[index] 无法获取应用信息');
return;
}
try {
// 调用接口获取用户信息
const res = await gatewayGet('/api/v1/user/info', {
// 回调地址:基础地址 + action + device_id 参数(回调时保留)
let redirectUri = config.authRedirectUri || (
window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
);
redirectUri += (redirectUri.includes('?') ? '&' : '?') + 'action=userinfo';
if (this.deviceId) {
redirectUri += '&device_id=' + encodeURIComponent(this.deviceId);
}
// 获取非静默授权链接(会弹窗确认)
const res = await gatewayGet('/api/v1/user/auth/url', {
app_no: appNo,
scopes: 'snsapi_userinfo',
redirect_uri: redirectUri,
});
const data = res.data || {};
console.log('[index] fetchUserInfo response:', JSON.stringify(data, null, 2));
if (data.code === 0 && data.data) {
const userInfo = data.data;
this.userInfo = {
nickname: userInfo.nickname || '',
phone: userInfo.phone || '',
avatar: userInfo.avatar || '',
};
// 存入缓存
uni.setStorageSync('user_info', this.userInfo);
console.log('[index] fetchUserInfo success:', JSON.stringify(this.userInfo, null, 2));
} else if (data.code === 1010) {
// 用户未注册,需要重新走授权流程获取 temp_token
console.warn('[index] 用户未注册,重新授权');
uni.removeStorageSync('token');
uni.removeStorageSync('user_info');
// 跳转到 loading 页重新授权(会获取 temp_token 后跳注册页)
const deviceId = this.deviceId || '';
const loadingUrl = deviceId
? `/pages/auth/loading?device_id=${deviceId}`
: '/pages/auth/loading';
uni.redirectTo({ url: loadingUrl });
if (data.code === 0 && data.data && data.data.auth_url) {
// 跳转微信授权页(弹窗确认)
window.location.href = data.data.auth_url;
} else {
console.warn('[index] fetchUserInfo failed:', data.message);
console.warn('[index] 获取授权链接失败:', data.message);
}
} catch (e) {
console.error('[index] fetchUserInfo error:', e);
console.error('[index] startUserInfoAuth error:', e);
}
},
async fetchProducts() {
+2 -1
View File
@@ -40,10 +40,11 @@ export function request(options = {}) {
// 公开接口(授权/登录/注册相关)不带 Authorization,避免 CORS 预检和 JWT 拦截
const publicPaths = [
'/api/v1/user/auth/url',
'/api/v1/user/auth/callback',
'/api/v1/user/auth/exchange',
'/api/v1/user/login',
'/api/v1/user/register',
'/api/v1/user/sms/send',
'/api/v1/user/info',
];
const isPublic = publicPaths.some((p) => url.includes(p));