scope参数问题处理

.gitea/workflows/deploy.yaml

@@ -92,11 +92,15 @@ jobs:
       # 3. 安装依赖 & 构建 Uni-app (H5)
       ###############################################
       - name: Install dependencies and Build H5
+        env:
+          DEPLOY_ENV: ${{ steps.detect.outputs.env }}
         run: |
           set -e
           # pnpm真实路径
           PNPM_PATH="/root/.nvm/versions/node/v20.20.2/bin/pnpm"
 
+          echo "构建环境: DEPLOY_ENV=$DEPLOY_ENV"
+
           # 1. 配置镜像并安装依赖
           $PNPM_PATH config set registry https://registry.npmmirror.com
           $PNPM_PATH install --frozen-lockfile

src/components/door-panel/door-panel.vue

@@ -131,6 +131,7 @@
 
 <script>
 import { get, post } from '@/utils/request.js';
+import { detectPlatform } from '@/utils/env.js';
 
 export default {
   props: {
@@ -163,7 +164,8 @@ export default {
         const res = await post('/device-scan/open', {
           device_id: this.deviceId,
           door_index: 0,
-          user_id: uid
+          user_id: uid,
+          platform: detectPlatform()
         });
 
         const ret = res.data || {};

src/config/env.js

@@ -1,16 +1,30 @@
 /**
  * 环境配置入口
- * 根据编译模式自动选择 dev / prod 配置
+ * 根据编译模式自动选择 dev / staging / prod 配置
+ *
+ * DEPLOY_ENV 环境变量：
+ *   - 'staging'    → 预发布环境
+ *   - 'production' → 生产环境（默认）
+ *   - 未设置且 NODE_ENV !== 'production' → 开发环境
  */
 import common from './index.js';
 import dev from './dev.js';
+import staging from './staging.js';
 import prod from './prod.js';
 
 // uni-app 编译时通过 define 注译 __UNI_PLATFORM__
 // H5 开发模式下 process.env.NODE_ENV === 'development'
 const isProd = process.env.NODE_ENV === 'production';
+const deployEnv = process.env.DEPLOY_ENV;
 
-const envConfig = isProd ? prod : dev;
+let envConfig;
+if (!isProd) {
+  envConfig = dev;
+} else if (deployEnv === 'staging') {
+  envConfig = staging;
+} else {
+  envConfig = prod;
+}
 
 const config = {
   ...common,

src/config/staging.js

@@ -0,0 +1,20 @@
+/**
+ * 预发布环境配置
+ */
+const staging = {
+  // 业务 API 地址（vms-api）
+  apiBaseUrl: 'https://vmsapi.arklinksmart.cn',
+
+  // 网关地址（vms-gateway）— 用户授权、短信等接口走网关
+  apiGatewayUrl: 'https://gateway.arklinksmart.cn',
+
+  // 授权回调地址（微信 OAuth redirect_uri，必须 HTTPS，指向前端页面）
+  authRedirectUri: 'https://pre-m.arklinksmart.cn/pages/auth/loading',
+
+  // 生产环境 Token 从登录流程获取，此处为空
+  bearerToken: '',
+
+  enableRequestLog: false,
+};
+
+export default staging;

src/pages/auth/loading.vue

@@ -16,6 +16,7 @@ export default {
       statusText: '正在登录...',
       deviceId: '',
       action: '',
+      navigating: false, // 防止重复跳转
     };
   },
   onLoad(options) {
@@ -30,10 +31,29 @@ export default {
     }
 
     // 从 URL 参数获取 code（App.vue 跳转时带过来）
-    let code = options.code || '';
+    // 支付宝回调参数名是 auth_code，微信是 code
+    let code = options.code || options.auth_code || '';
     if (!code) {
       const urlParams = new URLSearchParams(window.location.search);
-      code = urlParams.get('code') || '';
+      code = urlParams.get('code') || urlParams.get('auth_code') || '';
+    }
+
+    // 解析 state 参数（OAuth 标准保证 state 原样回传，包含 action 和 device_id）
+    if (!this.action || !this.deviceId) {
+      const stateRaw = options.state || '';
+      if (stateRaw) {
+        try {
+          const stateObj = JSON.parse(decodeURIComponent(stateRaw));
+          if (!this.action && stateObj.action) {
+            this.action = stateObj.action;
+          }
+          if (!this.deviceId && stateObj.device_id) {
+            this.deviceId = stateObj.device_id;
+          }
+        } catch (_) {
+          // state 解析失败，继续用 localStorage 兜底
+        }
+      }
     }
 
     // 兜底：从 localStorage 恢复（页面复用时 onLoad 不触发，localStorage 由跳转函数清理）
@@ -72,7 +92,19 @@ export default {
      * 发起 OAuth 授权（静默授权，只获取 openid）
      */
     async startAuth() {
-      // 清除上次使用的 code 标记
+      // 防止重复调用（实例级 + storage 级双重保护）
+      if (this.navigating) {
+        console.log('[Auth] 已在跳转中，忽略重复 startAuth');
+        return;
+      }
+      // handleCallback 正在处理中或已完成，禁止发起新授权
+      if (uni.getStorageSync('__auth_callback_done')) {
+        console.log('[Auth] 回调处理中/已完成，跳过 startAuth');
+        return;
+      }
+      this.navigating = true;
+
+      // 清除上次使用的 code 标记（仅在发起新授权时清除，不在 handleCallback 流程中）
       uni.removeStorageSync('__used_auth_code');
 
       const platform = detectPlatform();
@@ -97,29 +129,26 @@ export default {
           window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
         );
 
-        // 使用 snsapi_base 静默授权，不弹窗
+        // 静默授权：微信用 snsapi_base，支付宝用 auth_base
+        const scopes = platform === 'alipay' ? 'auth_base' : 'snsapi_base';
+
+        // 构建 state（包含 device_id，回调时原样回传）
+        const stateObj = {};
+        if (this.deviceId) {
+          stateObj.device_id = this.deviceId;
+        }
+
         const res = await gatewayGet('/api/v1/user/auth/url', {
           app_no: appNo,
-          scopes: 'snsapi_base',
+          scopes: scopes,
           redirect_uri: redirectUri,
+          state: Object.keys(stateObj).length > 0 ? JSON.stringify(stateObj) : '',
         });
 
         const data = res.data || {};
         if (data.code === 0 && data.data && data.data.auth_url) {
-          // 通过 state 传递 device_id（OAuth 标准保证 state 原样回传）
-          let authUrl = data.data.auth_url;
-          if (this.deviceId) {
-            const stateVal = encodeURIComponent(JSON.stringify({ device_id: this.deviceId }));
-            try {
-              const urlObj = new URL(authUrl);
-              urlObj.searchParams.set('state', stateVal);
-              authUrl = urlObj.toString();
-            } catch (_) {
-              authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
-            }
-          }
-          // 跳转微信授权页（静默，不弹窗）
-          window.location.href = authUrl;
+          // 后端已将 state 写入授权 URL，直接跳转
+          window.location.href = data.data.auth_url;
         } else {
           uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
           setTimeout(() => this.goToScan(), 1500);
@@ -135,6 +164,15 @@ export default {
      * 处理授权回调（用 code 换 openid，再用 openid 登录）
      */
     async handleCallback(code) {
+      // 防止重复调用（实例级 + storage 级双重保护）
+      if (this.navigating) {
+        console.log('[Auth] 已在跳转中，忽略重复 handleCallback');
+        return;
+      }
+      this.navigating = true;
+      // storage 级保护：跨页面实例生效，防止支付宝整页重载后重复执行
+      uni.setStorageSync('__auth_callback_done', '1');
+
       const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
 
       if (!appNo) {
@@ -147,6 +185,7 @@ export default {
       const usedCode = uni.getStorageSync('__used_auth_code');
       if (usedCode === code) {
         console.warn('[loading] code 已使用过，跳过');
+        this.navigating = false;
         return;
       }
       uni.setStorageSync('__used_auth_code', code);
@@ -154,6 +193,7 @@ export default {
       // 立即清除 URL 中的 code 参数，避免刷新重复处理
       const url = new URL(window.location.href);
       url.searchParams.delete('code');
+      url.searchParams.delete('auth_code');
       url.searchParams.delete('state');
       window.history.replaceState({}, '', url.toString());
 
@@ -230,6 +270,17 @@ export default {
      * 发起非静默授权获取用户信息（snsapi_userinfo，弹窗确认）
      */
     async startUserInfoAuth() {
+      // 防止重复调用（实例级 + storage 级双重保护）
+      if (this.navigating) {
+        console.log('[Auth] 已在跳转中，忽略重复 startUserInfoAuth');
+        return;
+      }
+      if (uni.getStorageSync('__auth_callback_done')) {
+        console.log('[Auth] 回调处理中/已完成，跳过 startUserInfoAuth');
+        return;
+      }
+      this.navigating = true;
+
       // 清除上次使用的 code 标记
       uni.removeStorageSync('__used_auth_code');
 
@@ -256,30 +307,26 @@ export default {
           window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
         );
 
+        // 用户信息授权：微信用 snsapi_userinfo，支付宝用 auth_userinfo
+        const scopes = platform === 'alipay' ? 'auth_userinfo' : 'snsapi_userinfo';
+
+        // 构建 state（包含 action 和 device_id，回调时原样回传）
+        const stateObj = { action: 'userinfo' };
+        if (this.deviceId) {
+          stateObj.device_id = this.deviceId;
+        }
+
         const res = await gatewayGet('/api/v1/user/auth/url', {
           app_no: appNo,
-          scopes: 'snsapi_userinfo',
+          scopes: scopes,
           redirect_uri: redirectUri,
+          state: JSON.stringify(stateObj),
         });
 
         const data = res.data || {};
         if (data.code === 0 && data.data && data.data.auth_url) {
-          // 通过 state 传递 action 和 device_id（OAuth 标准保证 state 原样回传）
-          const stateObj = { action: 'userinfo' };
-          if (this.deviceId) {
-            stateObj.device_id = this.deviceId;
-          }
-          const stateVal = encodeURIComponent(JSON.stringify(stateObj));
-          let authUrl = data.data.auth_url;
-          try {
-            const urlObj = new URL(authUrl);
-            urlObj.searchParams.set('state', stateVal);
-            authUrl = urlObj.toString();
-          } catch (_) {
-            authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
-          }
-          // 跳转微信授权页（弹窗确认）
-          window.location.href = authUrl;
+          // 后端已将 state 写入授权 URL，直接跳转
+          window.location.href = data.data.auth_url;
         } else {
           uni.showToast({ title: data.message || '获取授权失败', icon: 'none' });
           setTimeout(() => this.goToHomeWithAction(), 1500);
@@ -295,6 +342,14 @@ export default {
      * 处理用户信息授权回调（用 code 调 /api/v1/user/info 获取头像昵称）
      */
     async handleUserInfoCallback(code) {
+      // 防止重复调用（实例级 + storage 级双重保护）
+      if (this.navigating) {
+        console.log('[Auth] 已在跳转中，忽略重复 handleUserInfoCallback');
+        return;
+      }
+      this.navigating = true;
+      uni.setStorageSync('__auth_callback_done', '1');
+
       const appNo = uni.getStorageSync('app_no') || getAppNo(detectPlatform());
 
       if (!appNo) {
@@ -306,6 +361,7 @@ export default {
       const usedCode = uni.getStorageSync('__used_auth_code');
       if (usedCode === code) {
         console.warn('[loading] code 已使用过，跳过');
+        this.navigating = false;
         return;
       }
       uni.setStorageSync('__used_auth_code', code);
@@ -313,6 +369,7 @@ export default {
       // 立即清除 URL 中的 code/action 参数，避免刷新重复处理
       const url = new URL(window.location.href);
       url.searchParams.delete('code');
+      url.searchParams.delete('auth_code');
       url.searchParams.delete('state');
       url.searchParams.delete('action');
       window.history.replaceState({}, '', url.toString());
@@ -365,6 +422,7 @@ export default {
         : '/pages/index/index?action=mine';
       localStorage.removeItem('__auth_device_id');
       localStorage.removeItem('__auth_action');
+      uni.removeStorageSync('__auth_callback_done');
       uni.redirectTo({ url });
     },
 
@@ -374,6 +432,7 @@ export default {
         ? `/pages/index/index?device_id=${deviceId}`
         : '/pages/index/index';
       localStorage.removeItem('__auth_device_id');
+      uni.removeStorageSync('__auth_callback_done');
       uni.redirectTo({ url });
     },
 
@@ -389,6 +448,7 @@ export default {
       const url = this.deviceId
         ? `/pages/register/register?device_id=${this.deviceId}`
         : '/pages/register/register';
+      uni.removeStorageSync('__auth_callback_done');
       uni.redirectTo({ url });
     },
 

src/pages/index/index.vue

@@ -344,34 +344,28 @@ export default {
           window.location.origin.replace(/^http:/, 'https:') + window.location.pathname
         );
 
-        // 获取非静默授权链接（会弹窗确认）
+        // 构建 state（包含 action 和 device_id，回调时原样回传）
+        const stateObj = { action: 'userinfo' };
+        if (this.deviceId) {
+          stateObj.device_id = this.deviceId;
+        }
+
+        // 用户信息授权：微信用 snsapi_userinfo，支付宝用 auth_userinfo
+        const platform = uni.getStorageSync('platform') || 'wechat';
+        const scopes = platform === 'alipay' ? 'auth_userinfo' : 'snsapi_userinfo';
+
         const res = await gatewayGet('/api/v1/user/auth/url', {
           app_no: appNo,
-          scopes: 'snsapi_userinfo',
+          scopes: scopes,
           redirect_uri: redirectUri,
+          state: JSON.stringify(stateObj),
         });
 
         const data = res.data || {};
         if (data.code === 0 && data.data && data.data.auth_url) {
-          // 通过 state 传递 action 和 device_id（OAuth 标准保证 state 原样回传）
-          const stateObj = { action: 'userinfo' };
-          if (this.deviceId) {
-            stateObj.device_id = this.deviceId;
-          }
-          const stateVal = encodeURIComponent(JSON.stringify(stateObj));
-          // 解析 auth_url，安全地设置 state 参数（避免重复）
-          let authUrl = data.data.auth_url;
-          try {
-            const urlObj = new URL(authUrl);
-            urlObj.searchParams.set('state', stateVal);
-            authUrl = urlObj.toString();
-          } catch (_) {
-            // URL 解析失败时直接拼接
-            authUrl += (authUrl.includes('?') ? '&' : '?') + 'state=' + stateVal;
-          }
-          console.log('[index] 跳转授权页:', authUrl);
-          // 跳转微信授权页（弹窗确认）
-          window.location.href = authUrl;
+          console.log('[index] 跳转授权页:', data.data.auth_url);
+          // 后端已将 state 写入授权 URL，直接跳转
+          window.location.href = data.data.auth_url;
         } else {
           console.warn('[index] 获取授权链接失败:', data.message);
         }

src/utils/env.js

@@ -6,9 +6,9 @@
 // app_no 编码表：platform + terminalType → app_no
 const APP_NO_MAP = {
   'wechat_h5': '60000001102001',
-  'wechat_mp': '600102101',
-  'alipay_h5': '600112001',
-  'alipay_mp': '600112101',
+  'wechat_mp': '60000001102101',
+  'alipay_h5': '60000001112001',
+  'alipay_mp': '60000001112101',
 };
 
 /**

vite.config.js

@@ -26,6 +26,10 @@ function servePublicFiles() {
 
 export default defineConfig({
   plugins: [servePublicFiles(), uni()],
+  // 将构建时的 DEPLOY_ENV 环境变量注入到客户端代码中
+  define: {
+    'process.env.DEPLOY_ENV': JSON.stringify(process.env.DEPLOY_ENV || ''),
+  },
   css: {
     preprocessorOptions: {
       scss: {