zhouyanli/chengkong-huakaiwuye
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改参数缓存bug

Browse Source
This commit is contained in:
zhouyanli
2026-09-21 10:31:57 +08:00
parent da9a15779c
commit a91652c396
4 changed files with 99 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
huakai-app/App.vue
View File

@@ -14,10 +14,11 @@
onShow((options) => {
console.log('App onShow, options:', JSON.stringify(options))
// 先判断是否为支付小程序返回：是则本次进入只按支付结果处理，
// 不能再走 App 跳转参数捕获，否则兜底参数会把上一次的账单写回缓存
if (capturePaymentResult(options)) return
// 捕获 App 跳转传入的支付参数（热启动 — options 携带新的 referrerInfo）
captureAppLaunchData(options)
// 捕获日照银行支付小程序返回的支付结果（navigateBackMiniProgram 的 extraData）
capturePaymentResult(options)
})
// 获取 uniPush 2.0 CID

66
huakai-app/pageSubPack/api/appLaunch.js
View File

@@ -9,6 +9,10 @@
const STORAGE_KEY = 'app_launch_payment_data'
const APP_QUERY_KEY = 'app_query_params'
/** 页面缓存的缴费条目（arrearsPayment 页展示用） */
const PAYMENT_ITEM_KEY = 'arrearsPayment'
/** 日照银行支付小程序返回的原始结果 */
const PAYMENT_RESULT_KEY = 'payment_return_result'
/**
* 需要转为数组的参数字段（逗号分隔字符串 → 数组）
@@ -73,6 +77,8 @@ function normalizeBillParams(obj) {
export function captureAppLaunchData(onShowOptions) {
let data = null
let queryData = null
// 参数来源：current=本次进入 / enter=当前进入 / launch=冷启动兜底（热启动时仍是首次冷启动的旧值）
let dataSource = null
const tryGetData = (options, label) => {
if (!options) return null
@@ -106,6 +112,7 @@ export function captureAppLaunchData(onShowOptions) {
// 热启动再次从 App 进入时，getLaunchOptionsSync 仍返回首次冷启动的旧值，
// 若先读它会导致新 token 被旧 token 覆盖，因此这里以本次 options 为准。
data = tryGetData(onShowOptions, '本次进入')
if (data) dataSource = 'current'
// 兜底：本次 options 未取到数据时，依次尝试当前进入参数、冷启动参数。
// 注意：不能以 !onShowOptions 判断，onLaunch/onShow 始终会传入 options 对象，
@@ -113,14 +120,20 @@ export function captureAppLaunchData(onShowOptions) {
if (!data) {
try {
data = tryGetData(wx.getEnterOptionsSync?.() || {}, '当前进入(getEnterOptionsSync)')
if (data) dataSource = 'enter'
} catch (e) { console.error('getEnterOptionsSync 失败:', e) }
}
if (!data) {
try {
data = tryGetData(wx.getLaunchOptionsSync?.() || {}, '冷启动(getLaunchOptionsSync)')
if (data) dataSource = 'launch'
} catch (e) { console.error('getLaunchOptionsSync 失败:', e) }
}
// getLaunchOptionsSync 返回的是首次冷启动的参数，热启动再次从 App 进入时仍是旧值。
// 用它恢复缴费参数会把上一次的金额/billIds 覆盖进来，因此只允许它恢复登录态。
const isStaleSource = dataSource === 'launch'
if (data) {
// 恢复登录态：只要 App 传入了 token/userId 就恢复，不依赖支付字段名
if (data.token) {
@@ -133,7 +146,10 @@ export function captureAppLaunchData(onShowOptions) {
}
// 存在支付参数时才作为 App 支付进入处理
if (data.payAmount || data.acct || data.custId || data.billId || data.billIds) {
const hasPaymentParams = !!(data.payAmount || data.acct || data.custId || data.billId || data.billIds)
if (hasPaymentParams && isStaleSource) {
console.log('冷启动兜底参数为旧值，跳过缴费参数恢复')
} else if (hasPaymentParams) {
// 归一化 billId/billIds：单个 id 用 billId，多个用 billIds，统一转为 billIds 数组
normalizeBillParams(data)
uni.setStorageSync(STORAGE_KEY, data)
@@ -144,8 +160,9 @@ export function captureAppLaunchData(onShowOptions) {
// 归一化 queryData 中的 billId/billIds
normalizeBillParams(queryData)
// 单独保存参数供接口使用（优先 queryData，fallback 到 data，即 extraData 来源）
const queryParams = queryData || data
// 单独保存参数供接口使用（优先 queryData，fallback 到 data，即 extraData 来源）。
// 冷启动兜底来源不写入，避免拿着上一次的账单去支付。
const queryParams = isStaleSource ? null : (queryData || data)
if (queryParams) {
uni.setStorageSync(APP_QUERY_KEY, queryParams)
console.log('已存储 App 接口参数:', JSON.stringify(queryParams))
@@ -179,6 +196,23 @@ export function clearAppQueryParams() {
uni.removeStorageSync(APP_QUERY_KEY)
}
/**
* 清理全部缴费缓存（App 传入参数 / 接口参数 / 页面条目 / 支付返回结果）
* 用于返回 App 前、以及再次从 App 进入时重置上一次的数据，
* 避免小程序热启动 onLoad 不执行导致继续展示上一次的金额。
*/
export function clearPaymentCache() {
uni.removeStorageSync(STORAGE_KEY)
uni.removeStorageSync(APP_QUERY_KEY)
uni.removeStorageSync(PAYMENT_RESULT_KEY)
uni.removeStorageSync(PAYMENT_ITEM_KEY)
}
/** 清除页面缓存的缴费条目 */
export function clearPaymentItem() {
uni.removeStorageSync(PAYMENT_ITEM_KEY)
}
/** 组装 paymentItem */
export function buildPaymentItemFromApp(appData) {
if (!appData) return null
@@ -193,22 +227,31 @@ export function buildPaymentItemFromApp(appData) {
* 本小程序在 App.onShow 中通过 referrerInfo.extraData 接收（场景值 1038）。
* 这里只负责捕获/读取/清除原始返回数据，成功/失败判定见 resolvePaymentResult。
*/
const PAYMENT_RESULT_KEY = 'payment_return_result'
/**
* 判断 extraData 是否为 App 跳转参数（而非支付小程序返回）。
* App 跳转必然带登录凭证或缴费参数，支付返回只带支付结果字段。
*/
function isAppLaunchExtraData(extraData) {
if (!extraData || typeof extraData !== 'object') return false
return !!(extraData.token || extraData.userId || extraData.payAmount || extraData.acct ||
extraData.custId || extraData.billId || extraData.billIds)
}
/**
* 捕获支付返回结果（在 App.onShow 中调用）
* 返回 true 表示本次进入是支付返回，调用方（App.vue）据此跳过 App 跳转参数捕获 ——
* 否则兜底参数会把上一次的账单写回缓存，缴费页会误判为「再次从 App 进入」并重置成待缴费状态。
* 注意：App 冷/热启动进入时 extraData 是支付参数（payAmount/billIds 等），
* 并非支付返回，需跳过，避免覆盖真实结果。
*/
export function capturePaymentResult(onShowOptions) {
if (!onShowOptions) return
if (!onShowOptions) return false
const extraData = onShowOptions?.referrerInfo?.extraData
if (!extraData) return
if (!extraData) return false
// 含支付参数字段说明是 App 跳转进入（冷/热启动），不是支付返回，跳过
if (typeof extraData === 'object' && (extraData.payAmount || extraData.billId || extraData.billIds || extraData.acct || extraData.custId)) {
return
}
// 含登录凭证/缴费参数字段说明是 App 跳转进入（冷/热启动），不是支付返回
if (isAppLaunchExtraData(extraData)) return false
let parsed = extraData
if (typeof extraData === 'string') {
@@ -218,8 +261,11 @@ export function capturePaymentResult(onShowOptions) {
parsed = parseQueryString(extraData)
}
}
if (isAppLaunchExtraData(parsed)) return false
console.log('捕获到支付返回结果:', JSON.stringify(parsed))
uni.setStorageSync(PAYMENT_RESULT_KEY, parsed)
return true
}
/** 读取支付返回结果（读取后建议调用 clearPaymentReturnResult 清除） */

8
huakai-app/pageSubPack/api/request.js
View File

@@ -1,11 +1,11 @@
let baseUrl = '';
if (process.env.NODE_ENV === 'development') {
// baseUrl = 'https://wuyeapi.ckdzkj.com'; // 开发环境
// baseUrl = "http://192.168.1.222:8080"
baseUrl = "https://apitest.ckdzkj.com";
baseUrl = "http://192.168.0.222:8080"
// baseUrl = "https://wuyeapi.ckdzkj.com";
} else {
// baseUrl = 'https://wuyeapi.ckdzkj.com'; // 生产环境
baseUrl = "https://apitest.ckdzkj.com";
baseUrl = 'https://wuyeapi.ckdzkj.com'; // 生产环境
// baseUrl = "https://apitest.ckdzkj.com";
}
/**

43
huakai-app/pages/arrearsPayment/arrearsPayment.vue
View File

@@ -19,13 +19,13 @@
<button class="pay-btn" @click="handlePay">立即缴费</button>
</view>
<view class="btn-section" v-if="currentStep === 2">
<button class="pay-btn" open-type="launchApp" app-parameter="payResult=success" @error="handleLaunchAppError">
<button class="pay-btn" open-type="launchApp" app-parameter="payResult=success" @click="handleBackToApp" @error="handleLaunchAppError">
返回
</button>
</view>
<view class="btn-section" v-if="currentStep === 3">
<!-- <button class="retry-btn" @click="handleRetry">重新缴费</button> -->
<button class="pay-btn" open-type="launchApp" app-parameter="payResult=fail" @error="handleLaunchAppError">
<button class="pay-btn" open-type="launchApp" app-parameter="payResult=fail" @click="handleBackToApp" @error="handleLaunchAppError">
返回
</button>
</view>
@@ -35,7 +35,7 @@
<script setup>
import { ref, reactive } from 'vue'
import { onShow, onLoad } from '@dcloudio/uni-app'
import { getAppPaymentData, getAppQueryParams, clearAppPaymentData, buildPaymentItemFromApp, getPaymentReturnResult, clearPaymentReturnResult, resolvePaymentResult } from '/pageSubPack/api/appLaunch.js'
import { getAppPaymentData, getAppQueryParams, clearAppPaymentData, buildPaymentItemFromApp, getPaymentReturnResult, clearPaymentReturnResult, resolvePaymentResult, clearPaymentItem, clearPaymentCache } from '/pageSubPack/api/appLaunch.js'
import { getBankMiniProgramParams } from '/pageSubPack/api/apiSub.js'
import { showApiError } from '/pageSubPack/api/request.js'
@@ -44,31 +44,54 @@ const currentStep = ref(1)
const navigatedToPayment = ref(false)
onLoad(() => {
const data = loadPaymentItem()
Object.assign(paymentItem, data)
loadPaymentItem()
})
onShow(() => {
// 从日照银行支付小程序返回后，根据返回结果显示成功/失败页
// 从日照银行支付小程序返回后，根据返回结果显示成功/失败页。
// 必须放在最前面判断：本页发起过支付跳转（navigatedToPayment）时，缓存里可能
// 残留兜底写入的 App 参数，若先走下面的 App 入口分支会被重置回待缴费状态，
// 成功/失败页就永远不显示了。
if (navigatedToPayment.value) {
navigatedToPayment.value = false
const result = resolvePaymentResult(getPaymentReturnResult())
clearPaymentReturnResult()
clearAppPaymentData()
currentStep.value = result === 'success' ? 2 : 3
return
}
// 再次从 App 跳转进入（携带新的缴费参数）：小程序热启动时 onLoad 不会重复执行，
// 页面会残留上一次的金额/状态，这里必须重置后重新加载。
if (getAppPaymentData()) {
resetPaymentState()
loadPaymentItem()
}
})
/** 重置为待缴费状态，并清掉上一次缴费残留的页面状态与缓存条目 */
const resetPaymentState = () => {
navigatedToPayment.value = false
currentStep.value = 1
clearPaymentReturnResult()
clearPaymentItem()
Object.keys(paymentItem).forEach(key => delete paymentItem[key])
}
const loadPaymentItem = () => {
Object.keys(paymentItem).forEach(key => delete paymentItem[key])
const appData = getAppPaymentData()
if (appData) {
console.log('-----检测到 App 跳转参数:', appData)
clearAppPaymentData()
const item = buildPaymentItemFromApp(appData)
uni.setStorageSync('arrearsPayment', item)
Object.assign(paymentItem, item)
return item
}
const stored = uni.getStorageSync('arrearsPayment')
return (typeof stored === 'object' && stored !== null) ? stored : {}
const data = (typeof stored === 'object' && stored !== null) ? stored : {}
Object.assign(paymentItem, data)
return data
}
const handlePay = async () => {
@@ -111,6 +134,12 @@ const handlePay = async () => {
}
}
/** 返回 App 前清掉本次缴费缓存，下次从 App 进入时不会残留上一次的金额 */
const handleBackToApp = () => {
navigatedToPayment.value = false
clearPaymentCache()
}
const handleLaunchAppError = () => {
uni.showToast({ title: '请点击左上角关闭返回', icon: 'none', duration: 2000 })
}