From dd4f922f95e9d137a2c267f657a29f7f9d4e0201 Mon Sep 17 00:00:00 2001
From: Karlcarlo <karlcarlo@163.com>
Date: Fri, 31 Jul 2026 14:49:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=97=A0=20openid=20=E4=B8=8D=E5=86=8D?=
 =?UTF-8?q?=20devLogin=20=E5=85=B1=E4=BA=AB=E8=B4=A6=E5=8F=B7=EF=BC=8C?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=E5=BE=AE=E4=BF=A1=E6=8E=88=E6=9D=83=E5=BC=95?=
 =?UTF-8?q?=E5=AF=BC=E9=A1=B5=EF=BC=88requireAuth=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/app/pages/LoginPage.tsx | 33 +++++++++++++++-------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/frontend/src/app/pages/LoginPage.tsx b/frontend/src/app/pages/LoginPage.tsx
index 445c499..ed9acec 100644
--- a/frontend/src/app/pages/LoginPage.tsx
+++ b/frontend/src/app/pages/LoginPage.tsx
@@ -3,13 +3,15 @@ import { useNavigate } from "react-router";
 import { motion } from "motion/react";
 import { Heart } from "lucide-react";
 import { useUser } from "../context/UserContext";
-import { devLogin, fetchApi, getToken, clearToken, decodeToken } from "../services/api";
+import { fetchApi, getToken, clearToken, decodeToken } from "../services/api";
 import { debugLog, clearDebugLogs } from "../services/debug";
+import bridge from "../services/bridge";
 
 export function LoginPage() {
   const navigate = useNavigate();
   const { setTokenAndUser, fetchProfile } = useUser();
   const [error, setError] = useState("");
+  const [needAuth, setNeedAuth] = useState(false);
   const { addDebug, debugInfo } = useUser();
 
   useEffect(() => {
@@ -78,23 +80,13 @@ export function LoginPage() {
       return;
     }
 
-    addDebug(`no openid, fallback to dev-login`);
-    devLogin().then((res) => {
-      debugLog(`dev-login: openid=${res.openid}, phone=${res.mobile}`);
-      setTokenAndUser(res.token, { id: res.user_id, openid: res.openid, phone: res.mobile });
-      fetchProfile().then((dto) => {
-        if (dto) debugLog(`fetchProfile: name=${dto.name}, phone=${dto.phone}`);
-        navigate(dto?.is_onboarded ? "/home" : "/onboarding", { replace: true });
-      });
-    }).catch((err) => {
-      debugLog(`dev-login error: ${err?.message}`);
-      setError(err?.message || "登录失败，请刷新重试");
-    });
+    addDebug(`no openid, 显示授权引导（不再 devLogin 共享账号）`);
+    setNeedAuth(true);
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   return (
     <div className="min-h-dvh bg-morandi-50 flex items-center justify-center p-4 relative">
-      <div className="text-center">
+      <div className="text-center max-w-sm w-full">
         <motion.div
           animate={{ rotate: 360 }}
           transition={{ repeat: Infinity, duration: 1.5, ease: "linear" }}
@@ -102,7 +94,18 @@ export function LoginPage() {
         >
           <Heart className="w-8 h-8 text-white fill-white" />
         </motion.div>
-        {error ? (
+        {needAuth ? (
+          <div>
+            <p className="text-sm text-gray-700 mb-1">需要微信授权才能使用完整功能</p>
+            <p className="text-xs text-gray-400 mb-4">请在微信小程序中点击下方按钮完成授权</p>
+            <button
+              onClick={() => bridge.requireAuth()}
+              className="w-full py-2.5 rounded-full bg-morandi-400 text-white text-sm font-medium"
+            >
+              微信授权登录
+            </button>
+          </div>
+        ) : error ? (
           <p className="text-sm text-red-500">{error}</p>
         ) : (
           <p className="text-sm text-gray-500">加载中...</p>