laoma/shoot-miniprograms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pref: 小程序添加静默登录

Browse Source
This commit is contained in:
linyimin
2026-04-28 10:31:54 +08:00
parent f07facd98b
commit e1a9d97596
3 changed files with 416 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/apis.js
View File

@@ -38,7 +38,7 @@ function request(method, url, data = {}) {
timeout: 10000,
success: (res) => {
if (res.data) {
const { code, data, message } = res.data;
const {code, data, message} = res.data;
if (code === 0) resolve(data);
else if (message) {
if (message.indexOf("登录身份已失效") !== -1) {
@@ -48,11 +48,11 @@ function request(method, url, data = {}) {
uni.$emit("update-user");
}
if (message === "ROOM_FULL") {
resolve({ full: true });
resolve({full: true});
return;
}
if (message === "ERROR_ROOM_GAME_START") {
resolve({ started: true });
resolve({started: true});
return;
}
if (url.indexOf("/user/room") !== -1 && method === "GET") {
@@ -64,7 +64,7 @@ function request(method, url, data = {}) {
return;
}
if (message === "BIND_DEVICE") {
resolve({ binded: true });
resolve({binded: true});
return;
}
if (message === "ERROR_ORDER_UNPAY") {
@@ -99,7 +99,7 @@ function request(method, url, data = {}) {
// 统一的错误处理函数
function handleRequestError(err, url) {
console.log("请求失败:", { err, url });
console.log("请求失败:", {err, url});
// 根据错误类型显示不同提示
if (err.errMsg) {
@@ -179,6 +179,27 @@ export const loginAPI = async (phone, nickName, avatarData, code) => {
return result;
};
export const silentLoginAPI = async (code) => {
const result = await request("POST", "/index/code", {
appName: "shoot",
appId: "wxa8f5989dcd45cc23",
code,
});
uni.setStorageSync(
`${uni.getAccountInfoSync().miniProgram.envVersion}_token`,
result.token
);
return result;
};
export const checkUserBindAPI = async (code) => {
return request("POST", "/index/checkBind", {
appName: "shoot",
appId: "wxa8f5989dcd45cc23",
code,
});
};
export const bindDeviceAPI = (device) => {
return request("POST", "/user/device/bindDevice", {
device,
@@ -206,7 +227,7 @@ export const createPractiseAPI = (arrows, time, target) => {
return request("POST", "/user/practice/create", {
shootNumber: arrows,
shootTime: time,
targetType: target*20,
targetType: target * 20,
});
};
@@ -235,7 +256,7 @@ export const getRoomAPI = (number) => {
};
export const joinRoomAPI = (number) => {
return request("POST", `/user/room/join`, { number });
return request("POST", `/user/room/join`, {number});
};
export const destroyRoomAPI = (roomNumber) => {
@@ -252,7 +273,7 @@ export const exitRoomAPI = (number, userId) => {
};
export const startRoomAPI = (number) => {
return request("POST", "/user/room/start", { number });
return request("POST", "/user/room/start", {number});
};
export const getPractiseResultListAPI = async (page = 1, page_size = 15) => {
@@ -326,7 +347,7 @@ export const getOrderListAPI = async (page) => {
};
export const cancelOrderListAPI = async (id) => {
return request("POST", "/user/order/cancelOrder", { id });
return request("POST", "/user/order/cancelOrder", {id});
};
export const getUserGameState = () => {
@@ -391,7 +412,7 @@ export const getBattleDataAPI = async () => {
};
export const chooseTeamAPI = async (number, group) => {
return request("POST", "/user/room/group", { number, group });
return request("POST", "/user/room/group", {number, group});
};
export const getVIPDescAPI = async () => {
@@ -425,7 +446,7 @@ export const getDeviceBatteryAPI = async () => {
};
export const addNoteAPI = async (id, remark) => {
return request("POST", "/user/score/sheet/remark", { id, remark });
return request("POST", "/user/score/sheet/remark", {id, remark});
};
export const removePointRecord = async (id) => {

15
src/components/Signin.vue
View File

@@ -86,18 +86,17 @@ const handleLogin = async () => {
icon: "none",
});
}
await doLogin();
};
async function doLogin() {
loading.value = true;
try {
const wxResult = await wxLogin();
const fileManager = uni.getFileSystemManager();
const avatarBase64 = fileManager.readFileSync(avatarUrl.value, "base64");
const base64Url = `data:image/png;base64,${avatarBase64}`;
const result = await loginAPI(
phone.value,
nickName.value,
base64Url,
wxResult.code
);
await loginAPI(phone.value, nickName.value, base64Url, wxResult.code);
const data = await getHomeData();
if (data.user) updateUser(data.user);
const devices = await getMyDevicesAPI();
@@ -139,6 +138,10 @@ const openPrivacyLink = () => {
onShow(() => {
loading.value = false;
agree.value = false;
phone.value = "";
avatarUrl.value = "";
nickName.value = "";
});
</script>

88
src/pages/index.vue
View File

@@ -1,25 +1,26 @@
<script setup>
import { ref, onMounted } from "vue";
import { onShow, onShareAppMessage, onShareTimeline } from "@dcloudio/uni-app";
import {onMounted, ref} from "vue";
import {onShareAppMessage, onShareTimeline, onShow} from "@dcloudio/uni-app";
import Container from "@/components/Container.vue";
import AppFooter from "@/components/AppFooter.vue";
import AppBackground from "@/components/AppBackground.vue";
import UserHeader from "@/components/UserHeader.vue";
import Signin from "@/components/Signin.vue";
import BubbleTip from "@/components/BubbleTip.vue";
import {
checkUserBindAPI,
getAppConfig,
getRankListAPI,
getDeviceBatteryAPI,
getHomeData,
getMyDevicesAPI,
getDeviceBatteryAPI,
getRankListAPI,
silentLoginAPI,
} from "@/apis";
import { topThreeColors } from "@/constants";
import { canEenter } from "@/util";
import {topThreeColors} from "@/constants";
import useStore from "@/store";
import { storeToRefs } from "pinia";
import {storeToRefs} from "pinia";
const store = useStore();
const {
updateConfig,
@@ -30,7 +31,7 @@ const {
getLvlNameByScore,
updateOnline,
} = store;
const { user, device, rankData, online, game } = storeToRefs(store);
const {user, device, rankData, online, game} = storeToRefs(store);
const showModal = ref(false);
const showGuide = ref(false);
@@ -45,7 +46,7 @@ const toPage = async (path) => {
// await uni.$checkAudio();
// }
// }
uni.navigateTo({ url: path });
uni.navigateTo({url: path});
};
const toRankListPage = () => {
@@ -55,12 +56,36 @@ const toRankListPage = () => {
};
onShow(async () => {
const token = uni.getStorageSync(
`${uni.getAccountInfoSync().miniProgram.envVersion}_token`
const env = uni.getAccountInfoSync().miniProgram.envVersion;
const token = uni.getStorageSync(`${env}_token`);
if (!user.value.id && !token) {
try {
const wxResult = await uni.login({provider: "weixin"});
const bindResult = await checkUserBindAPI(wxResult.code);
if (bindResult.binded) {
const newResult = await uni.login({provider: "weixin"});
const silentResult = await silentLoginAPI(newResult.code);
if (silentResult.user) updateUser(silentResult.user);
const devices = await getMyDevicesAPI();
if (devices.bindings && devices.bindings.length) {
updateDevice(
devices.bindings[0].deviceId,
devices.bindings[0].deviceName
);
const data = await getDeviceBatteryAPI();
updateOnline(data.online);
}
} else {
showModal.value = true;
}
} catch (e) {
console.log("检查绑定状态失败", e);
}
}
const promises = [getRankListAPI()];
if (token) {
if (token || user.value.id) {
promises.push(getHomeData());
}
@@ -131,7 +156,7 @@ onShareTimeline(() => {
mode="widthFix"
/>
</view>
<UserHeader showRank :onSignin="() => (showModal = true)" />
<UserHeader showRank :onSignin="() => (showModal = true)"/>
<view :style="{ padding: '12px 10px' }">
<view class="feature-grid">
<view class="bow-card">
@@ -164,10 +189,10 @@ onShareTimeline(() => {
</view>
<view class="play-card">
<view @click="() => toPage('/pages/practise')">
<image src="../static/my-practise.png" mode="widthFix" />
<image src="../static/my-practise.png" mode="widthFix"/>
</view>
<view @click="() => toPage('/pages/friend-battle')">
<image src="../static/friend-battle.png" mode="widthFix" />
<image src="../static/friend-battle.png" mode="widthFix"/>
</view>
</view>
</view>
@@ -182,7 +207,7 @@ onShareTimeline(() => {
hover-class="none"
></button>
<view class="ranking-players" @click="toRankListPage">
<img src="../static/juezhanbang.png" mode="widthFix" />
<img src="../static/juezhanbang.png" mode="widthFix"/>
<view class="divide-line"></view>
<view class="player-avatars">
<view
@@ -196,9 +221,9 @@ onShareTimeline(() => {
: '#000',
}"
>
<image v-if="i === 1" src="../static/champ1.png" />
<image v-if="i === 2" src="../static/champ2.png" />
<image v-if="i === 3" src="../static/champ3.png" />
<image v-if="i === 1" src="../static/champ1.png"/>
<image v-if="i === 2" src="../static/champ2.png"/>
<image v-if="i === 3" src="../static/champ3.png"/>
<view v-if="i > 3">{{ i }}</view>
<image
:src="
@@ -216,14 +241,15 @@ onShareTimeline(() => {
</view>
<view class="my-data">
<view @click="() => toPage('/pages/my-growth')">
<image src="../static/my-growth.png" mode="widthFix" />
<image src="../static/my-growth.png" mode="widthFix"/>
</view>
<view @click="() => toPage('/pages/ranking')">
<view>
<text>段位</text>
<text>{{
user.lvlName || "暂无"
}}</text>
}}
</text>
</view>
<view>
<text>赛季平均环数</text>
@@ -235,15 +261,16 @@ onShareTimeline(() => {
user.avg_win
? Number((user.avg_win * 100).toFixed(2)) + "%"
: "暂无"
}}</text>
}}
</text>
</view>
</view>
</view>
</view>
</view>
<Signin :show="showModal" :onClose="() => (showModal = false)" />
<Signin :show="showModal" :onClose="() => (showModal = false)"/>
</view>
<AppFooter />
<AppFooter/>
</Container>
</template>
@@ -364,6 +391,7 @@ onShareTimeline(() => {
width: 32rpx;
height: 32rpx;
}
.player-avatar > view:first-child {
border-radius: 50%;
background: #777777;
@@ -374,6 +402,7 @@ onShareTimeline(() => {
height: 18px;
color: #fff;
}
.player-avatar > image:last-child {
width: 100%;
height: 100%;
@@ -392,18 +421,22 @@ onShareTimeline(() => {
margin-left: 2px;
color: #fff;
}
.my-data {
display: flex;
margin-top: 20px;
justify-content: space-between;
}
.my-data > view:first-child {
width: 28%;
}
.my-data > view:first-child > image {
width: 100%;
transform: translateX(-8px);
}
.my-data > view:nth-child(2) {
width: 68%;
font-size: 12px;
@@ -411,9 +444,11 @@ onShareTimeline(() => {
display: flex;
justify-content: space-between;
}
.my-data > view:nth-child(2) > view:nth-child(2) {
width: 38%;
}
.my-data > view:nth-child(2) > view {
width: 28%;
border-radius: 10px;
@@ -423,11 +458,13 @@ onShareTimeline(() => {
align-items: center;
justify-content: center;
}
.my-data > view:nth-child(2) > view > text:last-child {
color: #fff;
line-height: 25px;
font-weight: 500;
}
.top-theme {
position: absolute;
display: flex;
@@ -437,6 +474,7 @@ onShareTimeline(() => {
height: 60px;
z-index: -1;
}
.top-theme > image {
width: 300rpx;
transform: translate(-4%, -14%);