372 lines
11 KiB
Vue
372 lines
11 KiB
Vue
<script>
|
||
import { fetchServicePrices, showPaymentModal, SERVICE_TYPES } from '@/utils/payment.js';
|
||
import { API_BASE, API_ENDPOINTS } from '@/config/api.js';
|
||
import { cleanExpiredCache, cleanOldestCache } from '@/utils/videoCacheManager.js';
|
||
import PermissionManager from '@/utils/permission.js';
|
||
|
||
export default {
|
||
onLaunch(options) {
|
||
console.log('App Launch');
|
||
// #ifdef MP-WEIXIN
|
||
this.setupMpWeixinAuthGuard();
|
||
// #endif
|
||
// 清理过期的视频缓存
|
||
this.cleanVideoCache();
|
||
// 预加载应用配置
|
||
this.loadAppConfig();
|
||
// 预加载服务价格
|
||
this.loadServicePrices();
|
||
// 全局拦截：遇到 402（需要付费/额度不足）时弹出支付弹窗
|
||
this.setupPaymentInterceptor();
|
||
// 获取小程序用户标识（用于支付）
|
||
this.getUserIdentity();
|
||
// App环境：预请求麦克风权限
|
||
this.requestPermissions();
|
||
},
|
||
onShow() {
|
||
console.log('App Show');
|
||
},
|
||
onHide() {
|
||
console.log('App Hide');
|
||
},
|
||
methods: {
|
||
// #ifdef MP-WEIXIN
|
||
setupMpWeixinAuthGuard() {
|
||
const whiteList = [
|
||
'/pages/login/login',
|
||
'/pages/settings/privacy-policy',
|
||
'/pages/settings/user-agreement',
|
||
'/pages/index/index'
|
||
];
|
||
|
||
const protectedList = [
|
||
'/pages/history/history',
|
||
'/pages/revival/revival-history',
|
||
'/pages/revival/revival',
|
||
'/pages/phone-call/phone-call',
|
||
'/pages/video-call/video-call',
|
||
'/pages/video-call-new/video-call-new',
|
||
'/pages/video-gen/video-gen',
|
||
'/pages/upload-audio/upload-audio',
|
||
'/pages/my-works/my-works',
|
||
'/pages/profile/edit-profile',
|
||
'/pages/settings/settings'
|
||
];
|
||
|
||
const isLoggedIn = () => {
|
||
const token = uni.getStorageSync('token');
|
||
const userId = uni.getStorageSync('userId');
|
||
return !!(token && userId);
|
||
};
|
||
|
||
const normalizeUrlPath = (url) => {
|
||
if (!url) return '';
|
||
const qIndex = url.indexOf('?');
|
||
const path = qIndex >= 0 ? url.slice(0, qIndex) : url;
|
||
return path.startsWith('/') ? path : `/${path}`;
|
||
};
|
||
|
||
const buildLoginUrl = (originalUrl) => {
|
||
const redirect = originalUrl || '';
|
||
return `/pages/login/login?redirect=${encodeURIComponent(redirect)}`;
|
||
};
|
||
|
||
const shouldBlock = (url) => {
|
||
const path = normalizeUrlPath(url);
|
||
if (!path) return false;
|
||
if (whiteList.includes(path)) return false;
|
||
if (!protectedList.includes(path)) return false;
|
||
return !isLoggedIn();
|
||
};
|
||
|
||
const wrap = (methodName) => {
|
||
const original = uni[methodName];
|
||
if (typeof original !== 'function') return;
|
||
uni[methodName] = (options = {}) => {
|
||
try {
|
||
const url = typeof options === 'string' ? options : options.url;
|
||
if (shouldBlock(url)) {
|
||
const loginUrl = buildLoginUrl(url);
|
||
return uni.reLaunch({ url: loginUrl });
|
||
}
|
||
} catch (e) {
|
||
// ignore
|
||
}
|
||
return original.call(uni, options);
|
||
};
|
||
};
|
||
|
||
wrap('navigateTo');
|
||
wrap('redirectTo');
|
||
wrap('reLaunch');
|
||
wrap('switchTab');
|
||
},
|
||
// #endif
|
||
|
||
// 清理视频缓存
|
||
cleanVideoCache() {
|
||
try {
|
||
const expiredCount = cleanExpiredCache();
|
||
const oldCount = cleanOldestCache();
|
||
if (expiredCount > 0 || oldCount > 0) {
|
||
console.log(`[App] 视频缓存清理完成：过期${expiredCount}个，旧缓存${oldCount}个`);
|
||
}
|
||
} catch (error) {
|
||
console.error('[App] 清理视频缓存失败:', error);
|
||
}
|
||
},
|
||
|
||
// 加载应用配置
|
||
async loadAppConfig() {
|
||
try {
|
||
// 临时添加：强制清除缓存，测试完成后可删除此行
|
||
uni.removeStorageSync('appConfig');
|
||
console.log('[App] 缓存已清除，重新加载配置');
|
||
|
||
const res = await uni.request({
|
||
url: `${API_BASE}${API_ENDPOINTS.config.getAppConfig}`,
|
||
method: 'GET',
|
||
header: {
|
||
'Content-Type': 'application/json'
|
||
// 不添加认证头，因为这是公开接口
|
||
}
|
||
});
|
||
|
||
// 兼容不同平台的返回格式：可能是 [error, res] 或直接是 res
|
||
const response = Array.isArray(res) ? res[1] : res;
|
||
if (response && response.data && response.data.success && response.data.data) {
|
||
const config = response.data.data;
|
||
// 保存到本地存储
|
||
uni.setStorageSync('appConfig', config);
|
||
console.log('[App] 应用配置已加载:', config);
|
||
}
|
||
} catch (error) {
|
||
console.error('[App] 加载应用配置失败:', error);
|
||
}
|
||
},
|
||
|
||
async loadServicePrices() {
|
||
try {
|
||
await fetchServicePrices();
|
||
console.log('[App] 服务价格已加载');
|
||
} catch (error) {
|
||
console.error('[App] 加载服务价格失败:', error);
|
||
}
|
||
},
|
||
|
||
// 获取小程序用户标识（用于支付）
|
||
async getUserIdentity() {
|
||
// #ifdef MP-WEIXIN
|
||
// 微信小程序：获取openid
|
||
const existingOpenid = uni.getStorageSync('wx_openid');
|
||
if (existingOpenid) {
|
||
console.log('[App] 已有微信openid:', existingOpenid);
|
||
return;
|
||
}
|
||
|
||
try {
|
||
const loginRes = await uni.login();
|
||
if (loginRes[1] && loginRes[1].code) {
|
||
const code = loginRes[1].code;
|
||
console.log('[App] 微信登录成功，code:', code);
|
||
|
||
// 发送code到后端换取openid
|
||
// TODO: 需要后端实现 /api/wechat/login 接口
|
||
// const res = await uni.request({
|
||
// url: `${API_BASE}/api/wechat/login`,
|
||
// method: 'POST',
|
||
// data: { code }
|
||
// });
|
||
// if (res[1] && res[1].data && res[1].data.openid) {
|
||
// uni.setStorageSync('wx_openid', res[1].data.openid);
|
||
// console.log('[App] 微信openid已保存');
|
||
// }
|
||
|
||
// 临时方案：使用模拟openid（仅用于测试）
|
||
console.warn('[App] 使用模拟openid，生产环境需要实现后端接口');
|
||
uni.setStorageSync('wx_openid', 'test_openid_' + Date.now());
|
||
}
|
||
} catch (error) {
|
||
console.error('[App] 获取微信openid失败:', error);
|
||
}
|
||
// #endif
|
||
|
||
// #ifdef MP-ALIPAY
|
||
// 支付宝小程序：获取userId
|
||
const existingUserId = uni.getStorageSync('alipay_user_id');
|
||
if (existingUserId) {
|
||
console.log('[App] 已有支付宝userId:', existingUserId);
|
||
return;
|
||
}
|
||
|
||
try {
|
||
my.getAuthCode({
|
||
scopes: 'auth_user',
|
||
success: async (res) => {
|
||
const authCode = res.authCode;
|
||
console.log('[App] 支付宝授权成功，authCode:', authCode);
|
||
|
||
// 发送authCode到后端换取userId
|
||
// TODO: 需要后端实现 /api/alipay/login 接口
|
||
// const loginRes = await uni.request({
|
||
// url: `${API_BASE}/api/alipay/login`,
|
||
// method: 'POST',
|
||
// data: { authCode }
|
||
// });
|
||
// if (loginRes[1] && loginRes[1].data && loginRes[1].data.userId) {
|
||
// uni.setStorageSync('alipay_user_id', loginRes[1].data.userId);
|
||
// console.log('[App] 支付宝userId已保存');
|
||
// }
|
||
|
||
// 临时方案：使用模拟userId（仅用于测试）
|
||
console.warn('[App] 使用模拟userId，生产环境需要实现后端接口');
|
||
uni.setStorageSync('alipay_user_id', '2088' + Date.now());
|
||
},
|
||
fail: (error) => {
|
||
console.error('[App] 获取支付宝userId失败:', error);
|
||
}
|
||
});
|
||
} catch (error) {
|
||
console.error('[App] 支付宝授权失败:', error);
|
||
}
|
||
// #endif
|
||
},
|
||
|
||
setupPaymentInterceptor() {
|
||
const getServiceTypeFromUrl = (url) => {
|
||
const u = String(url || '');
|
||
if (u.includes('/api/photo-revival/')) return SERVICE_TYPES.PHOTO_REVIVAL.type;
|
||
if (u.includes('/api/voice/')) return SERVICE_TYPES.VOICE_CLONE.type;
|
||
if (u.includes('/api/tts/')) return SERVICE_TYPES.TTS_SYNTHESIS.type;
|
||
if (u.includes('/api/video-call')) return SERVICE_TYPES.VIDEO_CALL.type;
|
||
if (u.includes('/api/conversation/')) return SERVICE_TYPES.CONVERSATION.type;
|
||
return '';
|
||
};
|
||
|
||
const ensureLogin = () => {
|
||
const token = uni.getStorageSync('token') || '';
|
||
const userId = uni.getStorageSync('userId') || '';
|
||
return !!(token && userId);
|
||
};
|
||
|
||
const showPay = (serviceType) => {
|
||
try {
|
||
if (!ensureLogin()) {
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: '请先登录后再继续',
|
||
confirmText: '去登录',
|
||
cancelText: '取消',
|
||
success: (m) => {
|
||
if (m.confirm) {
|
||
uni.reLaunch({ url: '/pages/login/login' });
|
||
}
|
||
}
|
||
});
|
||
return;
|
||
}
|
||
const st = serviceType || SERVICE_TYPES.PHOTO_REVIVAL.type;
|
||
// 重要：支付弹窗需要页面承载（页面里渲染了 <PaymentModal/>）。
|
||
// 全局拦截在 App 实例上直接 show 会导致小程序端“无UI”。
|
||
let hostVm = this;
|
||
try {
|
||
const pages = (typeof getCurrentPages === 'function') ? getCurrentPages() : [];
|
||
const top = pages && pages.length ? pages[pages.length - 1] : null;
|
||
if (top && top.$vm) {
|
||
hostVm = top.$vm;
|
||
}
|
||
} catch (e) {
|
||
// ignore
|
||
}
|
||
showPaymentModal(hostVm, st);
|
||
} catch (e) {
|
||
console.error('[Payment] 402拦截弹窗失败:', e);
|
||
}
|
||
};
|
||
|
||
const handle402 = (options, res) => {
|
||
try {
|
||
const url = (options && options.url) ? options.url : '';
|
||
let parsed = null;
|
||
try {
|
||
parsed = res && typeof res.data === 'string' ? JSON.parse(res.data) : (res ? res.data : null);
|
||
} catch (e) {
|
||
parsed = null;
|
||
}
|
||
const backendServiceType = parsed && (parsed.serviceType || parsed.service_type);
|
||
const mapped = backendServiceType === 'CREATE_VOICE' ? SERVICE_TYPES.VOICE_CLONE.type
|
||
: backendServiceType === 'PHOTO_REVIVAL' ? SERVICE_TYPES.PHOTO_REVIVAL.type
|
||
: backendServiceType === 'VOLCENGINE_VIDEO' ? (SERVICE_TYPES.VOLCENGINE_VIDEO ? SERVICE_TYPES.VOLCENGINE_VIDEO.type : '')
|
||
: backendServiceType === 'SYNTHESIZE' ? SERVICE_TYPES.TTS_SYNTHESIS.type
|
||
: backendServiceType === 'VIDEO_CALL' ? SERVICE_TYPES.VIDEO_CALL.type
|
||
: backendServiceType === 'AI_CALL' ? SERVICE_TYPES.CONVERSATION.type
|
||
: '';
|
||
const serviceType = mapped || getServiceTypeFromUrl(url);
|
||
showPay(serviceType);
|
||
} catch (e) {
|
||
console.error('[Payment] 402拦截处理失败:', e);
|
||
}
|
||
};
|
||
|
||
const intercept = (apiName) => {
|
||
let lastOptions = null;
|
||
uni.addInterceptor(apiName, {
|
||
invoke(options) {
|
||
lastOptions = options;
|
||
return options;
|
||
},
|
||
returnValue(res) {
|
||
try {
|
||
// Promise/async 形式：在 then 里检查 402
|
||
if (res && typeof res.then === 'function') {
|
||
return res.then((out) => {
|
||
try {
|
||
const r = Array.isArray(out) ? out[1] : out;
|
||
if (r && r.statusCode === 402) {
|
||
handle402(lastOptions, r);
|
||
}
|
||
} catch (e) {
|
||
// ignore
|
||
}
|
||
return out;
|
||
});
|
||
}
|
||
|
||
// callback 形式
|
||
const r = Array.isArray(res) ? res[1] : res;
|
||
if (r && r.statusCode === 402) {
|
||
const opt = Array.isArray(res) ? res[0] : lastOptions;
|
||
handle402(opt, r);
|
||
}
|
||
} catch (e) {
|
||
// ignore
|
||
}
|
||
return res;
|
||
}
|
||
});
|
||
};
|
||
|
||
intercept('request');
|
||
intercept('uploadFile');
|
||
},
|
||
|
||
// 请求App权限
|
||
async requestPermissions() {
|
||
// #ifdef APP-PLUS
|
||
try {
|
||
console.log('[App] 开始请求App权限');
|
||
await PermissionManager.requestPermissionsOnLaunch();
|
||
} catch (error) {
|
||
console.error('[App] 请求权限失败:', error);
|
||
}
|
||
// #endif
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
/*每个页面公共css */
|
||
@import "@/common/delete-icon.css";
|
||
</style>
|