问题:
发布了app上线,ios端虽然自动提示获取网络权限,但你同意之后,进入第一个页面没有数据;
原因排查:
经过调试排查,发现是用户第一次下载打开app时出现这种问题。
处理方式:
写一个组件页面,类似第一次使用app时的开始使用(让ui给我一张图,然后再图片上面定位一个button,点击前往首页),效果如下:
定义loginAPP变量,判断bool值,是否第一次打开
组件页代码片段(主要描述如何和首页互动)
<template>
<!-- 主图片 -->
<div class="container">
<div class="containerBotton" @click="openPage">立即使用</div>
</div>
</template>
<script setup>
import { ref } from 'vue';
// 打开首页,并将当前定义的变量值存入缓存
function openPage() {
uni.setStorage({
key: 'login', // 存储的键名
data: 'true', // 存储的数据
success: function () {
console.log('第一次启动app');
}
});
uni.reLaunch({
url: '/pages/home/index'
});
}
</script>
<style>
body {
margin: 0;
}
page {
margin: 0;
}
.container {
width: 100%;
min-height: 80vh;
display: flex;
flex-direction: column;
align-items: center;
/* background-image: url('@/static/image/9132.png'); */
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
overflow: hidden;
position: relative;
}
.containerBotton {
width: 278px;
height: 46px;
border-radius: 23px;
background: #1678fe;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
position: fixed;
bottom: 90px;
left: 50%;
transform: translateX(-50%);
}
</style>
首页使用组件,并且接收:
<template>
<privacyPolicy v-if="!loginAPP"></privacyPolicy>
<view v-else>
【首页原先代码】
</view>
<script setup>
import { onLoad } from '@dcloudio/uni-app';
// 定义变量判断是否第一次打开app,
const loginAPP = ref(false);
/ 监听页面加载
onLoad((data) => {
// 这里条件编译,非app的环境下打开移动端,直接跳过加载页
// #ifndef APP-PLUS
loginAPP.value = true;
// #endif
// 如果是app端,则从缓存中读取,是否用户已经进入过定义的组件页
// #ifdef APP-PLUS
// 从本地缓存中读取数据
uni.getStorage({
key: 'login', // 要获取数据的键名
success: function (res) {
loginAPP.value = res.data;
}
});
// #endif
//设置微信分享
// #ifdef MP-WEIXIN
wx.showShareMenu({
withShareTicket: true,
// 打开朋友圈、好友分享
menus: ['shareAppMessage', 'shareTimeline']
});
// #endif
// const query = uni.createSelectorQuery();
isUserInfo();
});