feat(uniapp_v2): 二开功能迁移与小程序主包优化
- 从 uniapp 迁移 HJF 页面、API、组件及用户/订单相关改动 - queue、assets 使用独立分包以降低主包体积 - 修复首页单根节点与支付结果页 v-if 链 - 关闭 HjfDemoPanel 全局注册；uniNoticeBar 注释 $getAppWebview 避免 __webviewId__ 报错 - 配置域名与 manifest 应用名称；cache/store 防御性处理 Made-with: Cursor
This commit is contained in:
apple
331
pro_v3.5.1/view/uniapp_v2/App.vue
Normal file
331
pro_v3.5.1/view/uniapp_v2/App.vue
Normal file
@@ -0,0 +1,331 @@
|
||||
<script>
|
||||
import {checkLogin} from './libs/login';
|
||||
import {HTTP_REQUEST_URL} from './config/app';
|
||||
import { LOGIN_STATUS, SUBSCRIBE_MESSAGE } from "./config/cache.js"
|
||||
import { getShopConfig, silenceAuth, getLogo, remoteRegister } from '@/api/public';
|
||||
import { silenceBindingSpread } from '@/utils';
|
||||
import Auth from '@/libs/wechat.js';
|
||||
import Routine from './libs/routine.js';
|
||||
import { colorChange, copyRight } from '@/api/api.js';
|
||||
import { getUserInfo } from "@/api/user.js"
|
||||
import { mapGetters } from "vuex"
|
||||
// #ifdef MP
|
||||
// let livePlayer = requirePlugin('live-player-plugin')
|
||||
// #endif
|
||||
export default {
|
||||
globalData: {
|
||||
spid: 0,
|
||||
code: 0,
|
||||
isLogin: false,
|
||||
userInfo: {},
|
||||
globalData: false,
|
||||
windowHeight: uni.getWindowInfo().windowHeight + 'px',
|
||||
sysHeight:uni.getWindowInfo().statusBarHeight,
|
||||
},
|
||||
computed: mapGetters(['isLogin', 'cartNum']),
|
||||
watch: {
|
||||
cartNum(newCart, b) {
|
||||
this.$store.commit('indexData/setCartNum', newCart + '')
|
||||
if (newCart > 0) {
|
||||
uni.setTabBarBadge({
|
||||
index: 3,
|
||||
text: newCart>99?'99+':newCart+''
|
||||
})
|
||||
} else {
|
||||
uni.hideTabBarRedDot({
|
||||
index: 3
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
onShow(options) {
|
||||
const queryData = uni.getEnterOptionsSync(); // uni-app版本 3.5.1+ 支持
|
||||
if (queryData.query.spid) {
|
||||
this.$Cache.set('spread', queryData.query.spid);
|
||||
this.globalData.spid = queryData.query.spid;
|
||||
this.globalData.pid = queryData.query.spid;
|
||||
silenceBindingSpread(this.globalData);
|
||||
}
|
||||
// #ifdef MP
|
||||
if (queryData.query.scene) {
|
||||
let param = this.$util.getUrlParams(decodeURIComponent(queryData.query.scene));
|
||||
if (param.spid) {
|
||||
this.$Cache.set('spread', param.spid);
|
||||
this.globalData.spid = param.spid;
|
||||
}
|
||||
/** 直播间分享**/
|
||||
// const sceneList = [1007, 1008, 1014, 1044, 1045, 1046, 1047, 1048, 1049, 1073, 1154, 1155];
|
||||
// if (sceneList.includes(queryData.query.scene)) {
|
||||
// livePlayer.getShareParams().then(res => {
|
||||
// //记录推广人uid
|
||||
// if(res.custom_params.pid){
|
||||
// this.$Cache.set('spread', res.custom_params.pid);
|
||||
// this.globalData.spid = res.custom_params.pid;
|
||||
// }
|
||||
// }).catch(err => {
|
||||
// })
|
||||
// }
|
||||
silenceBindingSpread(this.globalData);
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
onLaunch(option) {
|
||||
uni.hideTabBar()
|
||||
//#ifdef APP
|
||||
plus.screen.lockOrientation("portrait-primary");
|
||||
//#endif
|
||||
let that = this;
|
||||
//获取并存储配置
|
||||
this.setConfig();
|
||||
//主题换色
|
||||
this.setTheme();
|
||||
// 通过vuex获取并储存公共配置
|
||||
this.$store.dispatch("getBasicConfig");
|
||||
// 通过vuex获取并储存底部菜单的数据
|
||||
this.$store.dispatch("getPageFooter");
|
||||
// 通过vuex获取并储存活动弹窗的数据
|
||||
this.$store.dispatch("getActivityModal");
|
||||
// #ifdef H5
|
||||
if (!this.isLogin && option.query.hasOwnProperty('remote_token')) {
|
||||
this.remoteRegister(option.query.remote_token);
|
||||
}
|
||||
this.setScript();
|
||||
const queryData = uni.getEnterOptionsSync();
|
||||
uni.getSystemInfo({
|
||||
success(e) {
|
||||
/* 窗口宽度大于420px且不在PC页面且不在移动设备时跳转至 PC.html 页面 */
|
||||
if (e.windowWidth > 420 && !window.top.isPC && !/iOS|Android/i.test(e.system)) {
|
||||
window.location.pathname = '/static/html/pc.html';
|
||||
}
|
||||
}
|
||||
});
|
||||
// #endif
|
||||
// #ifdef MP
|
||||
// 小程序静默授权
|
||||
if (!this.$store.getters.isLogin) {
|
||||
Routine.getCode().then(code => {
|
||||
this.silenceAuth(code);
|
||||
}).catch(res => {
|
||||
uni.hideLoading();
|
||||
});
|
||||
}else if(this.$store.getters.isLogin && this.getExpired()){
|
||||
//处理小程序有token情况下但是静默授权失败
|
||||
this.$Cache.clear(LOGIN_STATUS);
|
||||
Routine.getCode().then(code => {
|
||||
this.silenceAuth(code);
|
||||
})
|
||||
}
|
||||
// #endif
|
||||
},
|
||||
methods: {
|
||||
remoteRegister(remote_token) {
|
||||
remoteRegister({ remote_token }).then((res) => {
|
||||
let data = res.data;
|
||||
if (data.get_remote_login_url) {
|
||||
location.href = data.get_remote_login_url
|
||||
} else {
|
||||
this.$store.commit("LOGIN", {
|
||||
'token': data.token,
|
||||
'time': data.expires_time - this.$Cache.time()
|
||||
});
|
||||
getUserInfo().then(res => {
|
||||
this.$store.commit("SETUID", res.data.uid);
|
||||
this.$store.commit("UPDATE_USERINFO", res.data);
|
||||
location.reload()
|
||||
}).catch(error => {
|
||||
return this.$util.Tips({
|
||||
title:err
|
||||
})
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
// 小程序静默授权
|
||||
silenceAuth(code) {
|
||||
let that = this;
|
||||
let spid = that.globalData.spid ? that.globalData.spid : '';
|
||||
silenceAuth({
|
||||
code: code,
|
||||
spread_spid: spid,
|
||||
spread_code: that.globalData.code
|
||||
})
|
||||
.then(res => {
|
||||
if (res.data.token !== undefined && res.data.token) {
|
||||
uni.hideLoading();
|
||||
let time = res.data.expires_time - this.$Cache.time();
|
||||
that.$store.commit('LOGIN', {
|
||||
token: res.data.token,
|
||||
time: time
|
||||
});
|
||||
that.$store.commit('SETUID', res.data.userInfo.uid);
|
||||
that.$store.commit('UPDATE_USERINFO', res.data.userInfo);
|
||||
}
|
||||
}).catch(err => {
|
||||
return that.$util.Tips({
|
||||
title:err
|
||||
})
|
||||
});
|
||||
},
|
||||
/**
|
||||
* 检测当前的小程序
|
||||
* 是否是最新版本，是否需要下载、更新
|
||||
*/
|
||||
checkUpdateVersion() {
|
||||
//判断微信版本是否 兼容小程序更新机制API的使用
|
||||
if (wx.canIUse('getUpdateManager')) {
|
||||
const updateManager = wx.getUpdateManager();
|
||||
//检测版本更新
|
||||
updateManager.onCheckForUpdate(function(res) {
|
||||
if (res.hasUpdate) {
|
||||
updateManager.onUpdateReady(function() {
|
||||
wx.showModal({
|
||||
title: '温馨提示',
|
||||
content: '检测到新版本，是否重启小程序？',
|
||||
showCancel: false,
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
// 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
|
||||
updateManager.applyUpdate()
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
updateManager.onUpdateFailed(function() {
|
||||
// 新版本下载失败
|
||||
wx.showModal({
|
||||
title: '已有新版本',
|
||||
content: '请您删除小程序，重新搜索进入',
|
||||
})
|
||||
})
|
||||
}
|
||||
})
|
||||
} else {
|
||||
wx.showModal({
|
||||
title: '溫馨提示',
|
||||
content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
|
||||
})
|
||||
}
|
||||
},
|
||||
async getExpired(){
|
||||
// 通过一个个人中心的接口判断token是否生效，catch捕获到就证明token过期，返回true
|
||||
try {
|
||||
await getUserInfo();
|
||||
return false; // token有效
|
||||
} catch (err) {
|
||||
return true; // token过期
|
||||
}
|
||||
},
|
||||
setConfig(){
|
||||
uni.removeStorageSync(SUBSCRIBE_MESSAGE);
|
||||
this.$Cache.clear('homeTop');
|
||||
let that = this;
|
||||
// #ifdef MP
|
||||
if (HTTP_REQUEST_URL == '') {
|
||||
uni.showToast({
|
||||
title: "请配置根目录下的config/app.js文件中的HTTP_REQUEST_URL",
|
||||
icon:'error'
|
||||
})
|
||||
}
|
||||
this.checkUpdateVersion();
|
||||
let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
|
||||
that.globalData.navH = menuButtonInfo.top * 2 + menuButtonInfo.height / 2;
|
||||
const version = wx.getAppBaseInfo().SDKVersion;
|
||||
if (Routine.compareVersion(version, '2.21.2') >= 0) {
|
||||
that.$Cache.set('MP_VERSION_ISNEW', true)
|
||||
} else {
|
||||
that.$Cache.set('MP_VERSION_ISNEW', false)
|
||||
}
|
||||
// #endif
|
||||
getLogo().then(res => {
|
||||
uni.setStorageSync('BASIC_CONFIG', res.data)
|
||||
});
|
||||
},
|
||||
setTheme(){
|
||||
let green =
|
||||
'--view-theme: #42CA4D;--view-minorColorT:rgba(66, 202, 77, 0.1);--view-bntColor:#FE960F;--view-gradient:#4DEA4D'
|
||||
let red =
|
||||
'--view-theme: #e93323;--view-minorColorT:rgba(233, 51, 35, 0.1);--view-bntColor:#FE960F;--view-gradient:#FF7931'
|
||||
let blue =
|
||||
'--view-theme: #1DB0FC;--view-minorColorT:rgba(9, 139, 243, 0.1);--view-bntColor:#22CAFD;--view-gradient:#5ACBFF'
|
||||
let pink =
|
||||
'--view-theme: #FF448F;--view-minorColorT:rgba(255, 68, 143, 0.1);--view-bntColor:#282828;--view-gradient:#FF67AD'
|
||||
let orange =
|
||||
'--view-theme: #FE5C2D;--view-minorColorT:rgba(254, 92, 45, 0.1);--view-bntColor:#FDB000;--view-gradient:#FF9451'
|
||||
let gold =
|
||||
'--view-theme: #E0A558;--view-minorColorT:rgba(224, 165, 88, 0.1);--view-bntColor:#1A1A1A;--view-gradient:#FFCD8C'
|
||||
colorChange('color_change').then(res => {
|
||||
let statusColor = res.data.status; //判断显示啥颜色
|
||||
let themeType = res.data.color_data?.theme_type || 1;
|
||||
if(themeType == 1){
|
||||
uni.setStorageSync('statusColor', statusColor);
|
||||
uni.$emit('colorOk', statusColor);
|
||||
let themeList = {
|
||||
1:blue, 2:green, 3:red, 4:pink, 5:orange, 6:gold
|
||||
};
|
||||
Object.entries(themeList).forEach(([key, themeSelect]) => {
|
||||
if (key == statusColor) {
|
||||
uni.setStorageSync('viewColor', themeSelect);
|
||||
uni.$emit('ok', themeSelect);
|
||||
}
|
||||
});
|
||||
}else{
|
||||
let colorData = res.data.color_data;
|
||||
let themeStr = `--view-theme: ${colorData.theme_color};--view-minorColorT:${colorData.light_color};--view-bntColor:${colorData.aux_color};--view-gradient:${colorData.gradient_color}`;
|
||||
uni.setStorageSync('viewColor', themeStr);
|
||||
uni.$emit('ok', themeStr);
|
||||
}
|
||||
|
||||
});
|
||||
},
|
||||
setScript(){
|
||||
// 添加crmeb chat 统计
|
||||
var __s = document.createElement('script');
|
||||
__s.src = `${HTTP_REQUEST_URL}/api/get_script`;
|
||||
document.head.appendChild(__s);
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
/* #ifndef APP-PLUS-NVUE || APP-NVUE */
|
||||
@import url('@/plugin/emoji-awesome/css/tuoluojiang.css');
|
||||
@import 'static/css/base.css';
|
||||
@import 'static/iconfont/iconfont.css';
|
||||
@import 'static/css/unocss.css';
|
||||
@import 'static/fonts/font.scss';
|
||||
|
||||
view {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
page {
|
||||
font-family: PingFang SC;
|
||||
}
|
||||
|
||||
.placeholder{
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.mer-bg{
|
||||
background-color: $primary-merchant;
|
||||
}
|
||||
|
||||
.uni-scroll-view::-webkit-scrollbar {
|
||||
/* 隐藏滚动条，但依旧具备可以滚动的功能 */
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.uni-system-open-location .map-content.fix-position {
|
||||
height: 100vh;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
/* #endif */
|
||||
</style>
|
||||
Reference in New Issue
Block a user