feat: 实现渐进式设备注册功能，自动生成设备信息并获取访问令牌，优化用户体验

Author: Sunwuyuan

src/axios/axios.js

@@ -17,16 +17,16 @@ axiosInstance.interceptors.request.use(
 
     // 只有在 kv-server 或 classworkscloud 模式下才添加请求头
     if (provider === "kv-server" || provider === "classworkscloud") {
-      // 确保每次请求时都获取最新的 siteKey
-      const siteKey = getSetting("server.siteKey");
-      if (siteKey) {
-        requestConfig.headers["x-site-key"] = Base64.encode(siteKey);
-      }
-
-      // 自动添加命名空间密码
-      const namespacePassword = getSetting("namespace.password");
-      if (namespacePassword) {
-        requestConfig.headers["x-namespace-password"] = Base64.encode(namespacePassword);
+      // 优先使用新的 kvToken
+      const kvToken = getSetting("server.kvToken");
+      if (kvToken) {
+        requestConfig.headers["x-app-token"] = kvToken;
+      } else {
+        // 向后兼容旧的 siteKey
+        const siteKey = getSetting("server.siteKey");
+        if (siteKey) {
+          requestConfig.headers["x-site-key"] = Base64.encode(siteKey);
+        }
       }
     }
 

src/components/InitServiceChooser.vue

@@ -99,40 +99,41 @@
           </v-card-item>
         </v-card>
       </div>
-  <div class="options-buttons">
-          <v-btn
-            variant="tonal"
-            prepend-icon="mdi-laptop"
-            size="small"
-            @click="useLocalMode"
-          >
-            使用本地模式
-          </v-btn>
-          <v-btn
-            variant="tonal"
-            prepend-icon="mdi-flash"
-            size="small"
-            @click="handleAutoAuthorize"
-          >
-            授权码式授权（弃用）
-          </v-btn>
-          <v-btn
-            variant="tonal"
-            prepend-icon="mdi-key"
-            size="small"
-            @click="showTokenDialog = true"
-          >
-            输入 Token
-          </v-btn>
-          <v-btn
-            variant="tonal"
-            prepend-icon="mdi-code-tags"
-            size="small"
-            @click="showAlternativeCodeDialog = true"
-          >
-            输入替代代码
-          </v-btn>
-        </div>
+
+      <div class="options-buttons">
+        <v-btn
+          variant="tonal"
+          prepend-icon="mdi-laptop"
+          size="small"
+          @click="useLocalMode"
+        >
+          使用本地模式
+        </v-btn>
+        <v-btn
+          variant="tonal"
+          prepend-icon="mdi-flash"
+          size="small"
+          @click="handleAutoAuthorize"
+        >
+          授权码式授权（弃用）
+        </v-btn>
+        <v-btn
+          variant="tonal"
+          prepend-icon="mdi-key"
+          size="small"
+          @click="showTokenDialog = true"
+        >
+          输入 Token
+        </v-btn>
+        <v-btn
+          variant="tonal"
+          prepend-icon="mdi-code-tags"
+          size="small"
+          @click="showAlternativeCodeDialog = true"
+        >
+          输入替代代码
+        </v-btn>
+      </div>
 
 
       <div class="footer-hint">
@@ -145,7 +146,10 @@
       v-model="showGuideDialog"
       max-width="600"
     >
-      <FirstTimeGuide @close="showGuideDialog = false" />
+      <FirstTimeGuide
+        @close="showGuideDialog = false"
+        @success="handleGuideSuccess"
+      />
     </v-dialog>
 
     <v-dialog
@@ -275,6 +279,13 @@ const handleAutoAuthorize = () => {
   window.location.href = url
 }
 
+const handleGuideSuccess = (tokenData) => {
+  showGuideDialog.value = false
+  console.log('渐进式注册成功:', tokenData)
+  evaluateVisibility()
+  emit('done')
+}
+
 const handleAuthSuccess = (tokenData) => {
   showDeviceAuthDialog.value = false
   console.log('认证成功:', tokenData)