feat: 首页获取用户信息

src/pages/index/index.jsx

@@ -36,6 +36,7 @@ import { useEffect, useState } from "react";
 
 export default function Index() {
   // 用户基本信息
+  const [localuserInfo, setlocaluserInfo] = useState(null);
   const [userInfo, setuserInfo] = useState({
     wxid: null,
     openId: null,
@@ -63,25 +64,42 @@ export default function Index() {
   });
 
   useEffect(() => {
-    Taro.login({
+    try {
-      success: function (res) {
+      let getuserInfo = Taro.getStorageSync("userInfo");
-        if (res.code) {
+      if (getuserInfo) {
-          //发起网络请求
+        setuserInfo(getuserInfo);
-          Taro.request({
+        console.log("本地用户信息存在");
-            url: "http://127.0.0.1:28369/login",
+      } else {
-            data: {
+        Taro.login({
-              code: res.code,
+          success: function (res) {
-              wxid: userInfo?.wxid ?? "wxid_4413224132412",
+            if (res.code) {
-            },
+              //发起网络请求
-            success: function (resUser) {
+              Taro.request({
-              console.log(resUser.data);
+                url: "http://127.0.0.1:28369/login",
-            },
+                data: {
-          });
+                  code: res.code,
-        } else {
+                  wxid: userInfo?.wxid ?? "wxid_4413224132412", //debug eric 的wxid
-          console.log("登录失败！" + res.errMsg);
+                },
-        }
+                success: function (resUser) {
-      },
+                  console.log(resUser);
-    });
+                  console.log(resUser.data);
+                  setuserInfo({ ...resUser.data });
+                  // 本地存储
+                  Taro.setStorage({
+                    key: "userInfo",
+                    data: resUser.data,
+                  });
+                },
+              });
+            } else {
+              console.log("登录失败！" + res.errMsg);
+            }
+          },
+        });
+      }
+    } catch (e) {
+      console.log("error", e);
+    }
   }, []);
 
   // 获取用户标识符
@@ -248,7 +266,12 @@ export default function Index() {
         {/* 顶部 */}
         <View className="indexHeader">
           {/* 头像 */}
-          <AtAvatar circle image={touxiang}></AtAvatar>
+          <AtAvatar
+            circle
+            image={
+              Object.keys(userInfo).length > 0 ? userInfo.smallhead : touxiang
+            }
+          ></AtAvatar>
           {/* color="#F00" */}
           <AtIcon value="chevron-down" size="30"></AtIcon>
         </View>