Hooke / xyxBooking-weapp

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
e399e0ac 1 parent 67a65ea7

fix(auth): 修复授权后跳转逻辑并启用降级导航 

修复授权成功后跳转回原页面时硬编码路径的问题，改为使用默认跳转
启用被注释的导航降级逻辑，当navigateTo失败时自动降级为redirectTo
Inline Side-by-side
Showing 3 changed files with 113 additions and 114 deletions
/*
* @Date: 2025-06-28 10:33:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2026-01-12 23:48:04
* @LastEditTime: 2026-01-13 00:07:41
* @FilePath: /xyxBooking-weapp/src/app.js
* @Description: 文件描述
*/
......@@ -20,130 +20,130 @@ import { formatDatetime } from '@/utils/tools'
* @returns 格式化后的支付记录数组
*/
const formatGroup = (data) => {
let lastPayId = null;
for (let i = 0; i < data.length; i++) {
if (data[i].pay_id !== lastPayId) {
data[i].sort = 1;
lastPayId = data[i].pay_id;
} else {
data[i].sort = 0;
let lastPayId = null;
for (let i = 0; i < data.length; i++) {
if (data[i].pay_id !== lastPayId) {
data[i].sort = 1;
lastPayId = data[i].pay_id;
} else {
data[i].sort = 0;
}
}
}
return data;
return data;
}
const App = createApp({
// 对应 onLaunch
async onLaunch(options) {
const path = options?.path || ''
const query = options?.query || {}
async onLaunch(options) {
const path = options?.path || ''
const query = options?.query || {}
const query_string = Object.keys(query)
.map((key) => `${key}=${encodeURIComponent(query[key])}`)
.join('&')
const full_path = query_string ? `${path}?${query_string}` : path
const query_string = Object.keys(query)
.map((key) => `${key}=${encodeURIComponent(query[key])}`)
.join('&')
const full_path = query_string ? `${path}?${query_string}` : path
// 保存当前页面路径，用于授权后跳转回原页面
if (full_path) {
saveCurrentPagePath(full_path)
}
// 保存当前页面路径，用于授权后跳转回原页面
if (full_path) {
saveCurrentPagePath(full_path)
}
/**
* 预加载二维码数据
* - 仅在有网络连接时调用
* - 成功后将数据存储到本地缓存（key: OFFLINE_QR_DATA）
* - 失败则移除缓存
*/
const preloadQrData = async () => {
try {
const { code, data } = await qrcodeListAPI();
if (code && data) {
data.forEach(item => {
item.datetime = formatDatetime({ begin_time: item.begin_time, end_time: item.end_time })
item.sort = 0;
});
const validData = data.filter(item => item.qr_code !== '');
if (validData.length > 0) {
const processed = formatGroup(validData);
const offline_data = processed.map(item => ({
name: item.name,
id_number: item.id_number,
qr_code: item.qr_code,
begin_time: item.begin_time,
end_time: item.end_time,
datetime: item.datetime,
pay_id: item.pay_id,
sort: item.sort,
}));
Taro.setStorageSync('OFFLINE_QR_DATA', offline_data);
} else {
Taro.removeStorageSync('OFFLINE_QR_DATA');
}
/**
* 预加载二维码数据
* - 仅在有网络连接时调用
* - 成功后将数据存储到本地缓存（key: OFFLINE_QR_DATA）
* - 失败则移除缓存
*/
const preloadQrData = async () => {
try {
const { code, data } = await qrcodeListAPI();
if (code && data) {
data.forEach(item => {
item.datetime = formatDatetime({ begin_time: item.begin_time, end_time: item.end_time })
item.sort = 0;
});
const validData = data.filter(item => item.qr_code !== '');
if (validData.length > 0) {
const processed = formatGroup(validData);
const offline_data = processed.map(item => ({
name: item.name,
id_number: item.id_number,
qr_code: item.qr_code,
begin_time: item.begin_time,
end_time: item.end_time,
datetime: item.datetime,
pay_id: item.pay_id,
sort: item.sort,
}));
Taro.setStorageSync('OFFLINE_QR_DATA', offline_data);
} else {
Taro.removeStorageSync('OFFLINE_QR_DATA');
}
}
} catch (e) {
console.error('Preload QR failed', e);
}
} catch (e) {
console.error('Preload QR failed', e);
}
};
};
/**
* 监听网络状态变化
* - 当网络连接且有授权时，调用 preloadQrData 预加载二维码数据
*/
Taro.onNetworkStatusChange((res) => {
if (res.isConnected && hasAuth()) {
preloadQrData()
}
})
/**
* 监听网络状态变化
* - 当网络连接且有授权时，调用 preloadQrData 预加载二维码数据
*/
Taro.onNetworkStatusChange((res) => {
if (res.isConnected && hasAuth()) {
preloadQrData()
}
})
const is_usable_network = (network_type) => {
return ['wifi', '4g', '5g', '3g'].includes(network_type)
}
const is_usable_network = (network_type) => {
return ['wifi', '4g', '5g', '3g'].includes(network_type)
}
/**
* 尝试在网络可用时预加载二维码数据
* - 仅在有授权时调用
* - 成功后将数据存储到本地缓存（key: OFFLINE_QR_DATA）
* - 失败则移除缓存
* @returns {Promise<void>}
*/
const try_preload_when_online = () => {
if (!hasAuth()) return
Taro.getNetworkType({
success: (res) => {
if (is_usable_network(res.networkType)) {
preloadQrData()
/**
* 尝试在网络可用时预加载二维码数据
* - 仅在有授权时调用
* - 成功后将数据存储到本地缓存（key: OFFLINE_QR_DATA）
* - 失败则移除缓存
* @returns {Promise<void>}
*/
const try_preload_when_online = () => {
if (!hasAuth()) return
Taro.getNetworkType({
success: (res) => {
if (is_usable_network(res.networkType)) {
preloadQrData()
}
}
}
})
}
})
}
/**
* 尝试在有授权时预加载二维码数据
* - 若无授权，则尝试静默授权
* - 授权成功后调用 try_preload_when_online 预加载数据
* - 授权失败则跳转至授权页面
*/
if (hasAuth()) {
try_preload_when_online()
return
}
/**
* 尝试在有授权时预加载二维码数据
* - 若无授权，则尝试静默授权
* - 授权成功后调用 try_preload_when_online 预加载数据
* - 授权失败则跳转至授权页面
*/
if (hasAuth()) {
try_preload_when_online()
return
}
if (path === 'pages/auth/index') return
if (path === 'pages/auth/index') return
try {
// 尝试静默授权
await silentAuth()
// 授权成功后预加载数据
try_preload_when_online()
} catch (error) {
console.error('静默授权失败:', error)
// 授权失败则跳转至授权页面
navigateToAuth(full_path || undefined)
}
},
onShow() {
},
// 入口组件不需要实现 render 方法，即使实现了也会被 taro 所覆盖
try {
// 尝试静默授权
await silentAuth()
// 授权成功后预加载数据
try_preload_when_online()
} catch (error) {
console.error('静默授权失败:', error)
// 授权失败则跳转至授权页面
navigateToAuth(full_path || undefined)
}
},
onShow() {
},
// 入口组件不需要实现 render 方法，即使实现了也会被 taro 所覆盖
});
App.use(createPinia())
......
......@@ -19,7 +19,7 @@ import { silentAuth, returnToOriginalPage } from '@/utils/authRedirect'
useDidShow(() => {
silentAuth()
.then(() => returnToOriginalPage('/pages/index/index'))
.then(() => returnToOriginalPage())
.catch((error) => {
Taro.showToast({ title: error?.message || '授权失败', icon: 'none' })
})
......
......@@ -211,10 +211,9 @@ export const navigateToAuth = (return_path) => {
return
}
// TAG: navigateTo 失败时（例如页面栈满），降级为 redirectTo
// Taro.navigateTo({ url: '/pages/auth/index' }).catch(() => {
// return Taro.redirectTo({ url: '/pages/auth/index' })
// })
Taro.navigateTo({ url: '/pages/auth/index' }).catch(() => {
return Taro.redirectTo({ url: '/pages/auth/index' })
})
}
/**
......