pref: 小程序添加静默登录

src/apis.js

@@ -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) => {

src/components/Signin.vue

@@ -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(
+    await loginAPI(phone.value, nickName.value, base64Url, wxResult.code);
-      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>
 

src/pages/index.vue

@@ -1,25 +1,26 @@
 <script setup>
-import { ref, onMounted } from "vue";
+import {onMounted, ref} from "vue";
-import { onShow, onShareAppMessage, onShareTimeline } from "@dcloudio/uni-app";
+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 {topThreeColors} from "@/constants";
-import { canEenter } from "@/util";
 
 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(
+  const env = uni.getAccountInfoSync().miniProgram.envVersion;
-    `${uni.getAccountInfoSync().miniProgram.envVersion}_token`
+  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 === 1" src="../static/champ1.png"/>
-                <image v-if="i === 2" src="../static/champ2.png" />
+                <image v-if="i === 2" src="../static/champ2.png"/>
-                <image v-if="i === 3" src="../static/champ3.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%);