fix: 云闪付控件唤起路线B——发布脚本向构建产物index.html注入upsdk静态标签(HBuilderX不吃根模板,控件桥需静态加载);白名单豁免下线,唤起失败统一弹指引模态

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
jacobxu666
2026-09-28 19:25:11 +08:00
co-authored by Claude Fable 5
parent 8b3ac20e34
commit b6bbb0b219
3 changed files with 24 additions and 19 deletions
+1 -9
View File
@@ -1,10 +1,8 @@
// xuchao: 怀化石油汽油减免券——前端常量与工具(全写死,只服务这一个门店,决策 1/10/15) // xuchao: 怀化石油汽油减免券——前端常量与工具(全写死,只服务这一个门店,决策 1/10/15)
// 价格真相在后端常量(20000 分),此处 200.00 仅展示用,两处改价必须同步 // 价格真相=后端配置 hh.voucher.price-fen 经 latest 下发;此处 200.00 仅为接口未返回时的展示兜底
export const PETROL_SHOP_ID = '851219003520709' export const PETROL_SHOP_ID = '851219003520709'
export const VOUCHER_PRICE_TEXT = '200.00' export const VOUCHER_PRICE_TEXT = '200.00'
// xuchao: 非云闪付环境豁免拦截的联调手机号(决策 13)
export const VOUCHER_PAY_WHITELIST_PHONE = '18684839400'
export const VOUCHER_NAME = '怀化石油汽油电子券' export const VOUCHER_NAME = '怀化石油汽油电子券'
@@ -35,12 +33,6 @@ export function injectUpSdk() {
document.head.appendChild(s) document.head.appendChild(s)
} }
// xuchao: 云闪付容器判定只看 UA——不能掺 window.upsdk 是否已加载(SDK 是异步注入的,
// 首屏点击时可能还没 load 完,会把云闪付内首点误判为站外)。UA 关键字真机实测后定稿。
export function isUnionPayApp() {
if (typeof navigator === 'undefined' || !navigator.userAgent) return false
return /unionpay|upsdk|云闪付/i.test(navigator.userAgent)
}
// xuchao: open-api/hhService/voucher/* 为双层壳:外层 errcode,内层 data.code 才是业务码 // xuchao: open-api/hhService/voucher/* 为双层壳:外层 errcode,内层 data.code 才是业务码
// (同 login.vue 的 isBizOk 判定,提到公共层复用) // (同 login.vue 的 isBizOk 判定,提到公共层复用)
Executable
+14
View File
@@ -0,0 +1,14 @@
#!/bin/bash
# xuchao: hhrs H5 发布脚本 —— HBuilderX 构建不吃项目根 index.html(静态标签会被丢),
# 云闪付控件(upsdk)必须静态标签加载才能注册控件桥(路线B,2026-09-28 定),
# 故构建后把标签注入产物 index.html 再打包上传。发布 = sh h5-release.sh
set -e
cd "$(dirname "$0")"
rm -rf unpackage/dist/build/web
/Applications/HBuilderX.app/Contents/MacOS/cli publish web --project hhrs
BUILT=unpackage/dist/build/web/index.html
# 注入云闪付 SDK 静态标签(幂等:已有则跳过)
grep -q "open.95516.com" "$BUILT" || sed -i '' 's#<title>怀化人社</title>#<title>怀化人社</title><script src="https://open.95516.com/s/open/js/upsdk.js" data-upsdk="1"></script>#' "$BUILT"
grep -q "open.95516.com" "$BUILT" && echo "[h5-release] upsdk 静态标签已在产物 index.html"
tar czf /tmp/hh-voucher/web_release.tgz -C unpackage/dist/build/web .
echo "[h5-release] 产物就绪:/tmp/hh-voucher/web_release.tgz —— 用 expect rsh.exp scp 上传后原子切换"
+9 -10
View File
@@ -53,7 +53,7 @@
<script> <script>
import { import {
VOUCHER_NAME, VOUCHER_PRICE_TEXT, VOUCHER_GUIDE_TEXT, VOUCHER_NAME, VOUCHER_PRICE_TEXT, VOUCHER_GUIDE_TEXT,
VOUCHER_PAY_WHITELIST_PHONE, isUnionPayApp, bizOk, bizMsg, bizData bizOk, bizMsg, bizData
} from '@/common/petrolVoucher.js' } from '@/common/petrolVoucher.js'
export default { export default {
@@ -81,7 +81,7 @@ export default {
uni.redirectTo({ url: '/pages/index/login?redirect=' + encodeURIComponent('/pages/venue/detail?id=851219003520709&type=2') }) uni.redirectTo({ url: '/pages/index/login?redirect=' + encodeURIComponent('/pages/venue/detail?id=851219003520709&type=2') })
return return
} }
this.loadUpSdk() // xuchao: 运行时注入云闪付 SDK(构建模板不可靠,见 loadUpSdk 注释) this.loadUpSdk() // xuchao: 运行时兜底注入(静态标签已在发布脚本注入产物 index.html,见 h5-release.sh)
if (options.orderNo) this.orderNo = options.orderNo if (options.orderNo) this.orderNo = options.orderNo
this.initFromServer() this.initFromServer()
}, },
@@ -116,7 +116,7 @@ export default {
this._upSdkPromise = loading this._upSdkPromise = loading
return loading return loading
}, },
// xuchao: 价格展示以服务端 latest 为准(测试期 0.01);已有待支付单自动续用;已发券直接跳券详情 // xuchao: 价格展示以服务端 latest 为准;已有待支付单自动续用;已发券直接跳券详情
initFromServer() { initFromServer() {
this.$u.api.voucherLatest({ phone: this.phone }).then(res => { this.$u.api.voucherLatest({ phone: this.phone }).then(res => {
if (!bizOk(res)) return if (!bizOk(res)) return
@@ -133,11 +133,8 @@ export default {
}, },
onConfirmPay() { onConfirmPay() {
if (this.submitting) return if (this.submitting) return
// xuchao: 容器拦截——非云闪付且非联调白名单号,弹窗不发起支付(决策 11/13) // xuchao: 不做容器/白名单前置拦截,直接发起;云闪付控件在站外唤不起时
if (!isUnionPayApp() && this.phone !== VOUCHER_PAY_WHITELIST_PHONE) { // 由 pay 的 fail 回调统一弹「去云闪付」指引模态(决策 11 修订:去白名单)
this.guideModal = true
return
}
this.submitting = true this.submitting = true
this.doPay() this.doPay()
}, },
@@ -168,7 +165,7 @@ export default {
const ready = await this.loadUpSdk() const ready = await this.loadUpSdk()
if (!ready) { if (!ready) {
this.submitting = false this.submitting = false
uni.showToast({ title: '支付组件加载失败,请稍后重试', icon: 'none' }) this.guideModal = true
return return
} }
window.upsdk.pluginReady(() => { window.upsdk.pluginReady(() => {
@@ -178,8 +175,10 @@ export default {
uni.redirectTo({ url: '/pages/petrol/voucherDetail?orderNo=' + this.orderNo }) uni.redirectTo({ url: '/pages/petrol/voucherDetail?orderNo=' + this.orderNo })
}, },
fail: () => { fail: () => {
// xuchao: 唤起失败(多为不在云闪付内)→ 指引模态;云闪付内取消也会走这里,
// 订单仍保留可"继续支付",统一用文案引导,不做环境猜测
this.submitting = false this.submitting = false
uni.showToast({ title: '支付未完成,可在门店页继续支付', icon: 'none' }) this.guideModal = true
} }
}) })
}) })