feat: 实现小程序分享

src/hooks/useGoLogin.js

@@ -1,4 +1,4 @@
-import { loginAuth, bindPhone } from "@/manager/LoginManager";
+import { loginAuth, bindPhone, checkPhone } from "@/manager/LoginManager";
 import { clientId } from "@/constant/base";
 import { useAppStore } from "@/store";
 
@@ -10,16 +10,28 @@ export const goBack = () => uni.navigateBack({ delta: 1 });
 
 // 登录逻辑
 export const onLogin = async (e) => {
-  console.info("onLogin code: ", e.detail);
+  console.info("onLogin code: ", e);
 
   return new Promise(async (resolve, reject) => {
     // 判断用户拒绝
-    if (e.detail.errno === 104) {
+    if (e !== undefined && e && e.detail && e.detail.errno === 104) {
       reject();
       return;
     }
 
     await loginAuth(e).then(async () => {
+      // 检查手机号是否绑定
+      const checkRes = await checkPhone();
+      if (checkRes.data) {
+        resolve();
+        return;
+      }
+
+      if (e === undefined) {
+        resolve();
+        return;
+      }
+
       const { code } = e.detail;
 
       // 绑定手机号

src/main.js

@@ -1,4 +1,5 @@
 import App from "./App";
+import share from "./utils/share";
 
 // #ifndef VUE3
 import Vue from "vue";
@@ -21,6 +22,7 @@ export function createApp() {
 
   pinia.use(createUnistorage());
   app.use(pinia);
+  app.use(share);
 
   return {
     app,

src/manager/AuthManager.js

@@ -11,7 +11,10 @@ export const getWeChatAuthCode = (e) => {
     // #endif
 
     // 判断用户拒绝授权
-    if (e.detail.errMsg === "getPhoneNumber:fail user deny") {
+    if (
+      e !== undefined &&
+      e.detail.errMsg === "getPhoneNumber:fail user deny"
+    ) {
       reject();
       return;
     }

src/manager/LoginManager.js

@@ -48,13 +48,9 @@ const bindPhone = async (params) => {
   }
 };
 
-const checkPhone = async (phone) => {
-  try {
-    const response = await checkUserPhone(phone);
+const checkPhone = async () => {
+  const response = await checkUserPhone();
   return response;
-  } catch (error) {
-    throw err;
-  }
 };
 
 export { loginAuth, bindPhone, checkPhone };

src/pages/index/components/drawer/MineSetting/index.vue

@@ -106,6 +106,7 @@ const handleLogout = () => {
       if (res.confirm) {
         uni.clearStorageSync();
         appStore.setHasToken(false);
+        appStore.setTokenExpired(true);
         emits("closeDrawer");
         uni.$emit(NOTICE_EVENT_LOGOUT);
       }

src/pages/login/index.vue

@@ -29,15 +29,25 @@
       >
         微信一键登录
       </button>
+
       <button
-        v-if="isAgree"
+        v-if="isAgree && !appStore.tokenExpired"
         class="login-btn"
-        open-type="getPhoneNumber"
         type="primary"
+        open-type="getPhoneNumber"
         @getphonenumber="getPhoneNumber"
       >
         微信一键登录
       </button>
+
+      <button
+        v-if="isAgree && appStore.tokenExpired"
+        class="login-btn"
+        type="primary"
+        @click="handleLogin"
+      >
+        微信一键登录
+      </button>
     </view>
 
     <!-- 协议勾选 -->
@@ -79,6 +89,8 @@ import CheckBox from "@/components/CheckBox/index.vue";
 import AgreePopup from "./components/AgreePopup/index.vue";
 import { zniconsMap } from "@/static/fonts/znicons.js";
 import { getCurrentConfig } from "@/constant/base";
+import { useAppStore } from "@/store";
+const appStore = useAppStore();
 
 const isAgree = ref(false);
 const visible = ref(false);
@@ -113,6 +125,20 @@ const getPhoneNumber = (e) => {
     .catch(() => {});
 };
 
+const handleLogin = () => {
+  console.log("handleLogin");
+  onLogin()
+    .then(() => {
+      uni.showToast({
+        title: "登录成功",
+        icon: "success",
+      });
+      appStore.setTokenExpired(false);
+      goBack();
+    })
+    .catch(() => {});
+};
+
 // 处理同意协议点击事件
 const handleAgreeClick = (type) => {
   visible.value = true;

src/request/base/request.js

@@ -60,6 +60,7 @@ function request(url, args = {}, method = "POST", customConfig = {}) {
           uni.setStorageSync("token", "");
           const appStore = useAppStore();
           appStore.setHasToken(false);
+          appStore.setTokenExpired(true);
           uni.$emit(NOTICE_EVENT_LOGOUT);
           goLogin();
         }

src/store/modules/app.js

@@ -6,6 +6,7 @@ export const useAppStore = defineStore("app", {
       title: "",
       sceneId: "",
       hasToken: false,
+      tokenExpired: false,
     };
   },
   getters: {},
@@ -17,8 +18,11 @@ export const useAppStore = defineStore("app", {
     setSceneId(data) {
       this.sceneId = data;
     },
-    setHasToken(data) {
-      this.hasToken = data;
+    setHasToken(status) {
+      this.hasToken = status;
+    },
+    setTokenExpired(status) {
+      this.tokenExpired = status;
     },
   },
 

src/utils/share.js

@@ -0,0 +1,15 @@
+export default {
+  install(app) {
+    app.mixin({
+      onLoad() {
+        const page = getCurrentPages().pop();
+        if (page) {
+          uni.showShareMenu({
+            withShareTicket: true,
+            menus: ["shareAppMessage", "shareTimeline"],
+          });
+        }
+      },
+    });
+  },
+};