把desktop-cc-gui共享到手機局域網(wǎng)網(wǎng)頁訪問與二維碼Token鑒權(quán)完整指南【免費下載鏈接】desktop-cc-guiMulti-engine AI coding desktop client (Tauri). Claude Code, Codex, Gemini, OpenCode, DeepSeek Harness and more in one GUI.項目地址: https://gitcode.com/zhukunpenglinyutong/desktop-cc-guidesktop-cc-gui 是一款多引擎 AI 編程桌面客戶端Claude Code、Codex、Gemini、OpenCode、DeepSeek Harness 等引擎共用一個圖形界面。它的「局域網(wǎng)網(wǎng)頁訪問」功能只需一鍵啟動就能讓同一 Wi-Fi 下的手機通過瀏覽器打開完整界面配合每次隨機生成的 Token 鑒權(quán)與二維碼入口既安全又省事。本篇完整指南帶你三步完成配置并講清二維碼 Token 鑒權(quán)背后的安全設(shè)計。為什么要把桌面端共享到手機 寫代碼的主力還在電腦但有些場景離開工位更方便AI 任務(wù)正在跑想躺到沙發(fā)上看它什么時候結(jié)束手機里突然想起要追問一句、補一個文件路徑演示時直接把界面投到第二塊屏幕上。desktop-cc-gui 為此內(nèi)置了一個「局域網(wǎng)橋接」桌面端在本地起一個服務(wù)把前端界面通過 HTTP 發(fā)布出去同時把后端命令與事件流通過帶 Token 鑒權(quán)的 WebSocket轉(zhuǎn)發(fā)給手機瀏覽器后端實現(xiàn)在 src-tauri/src/web.rs。手機打開后看到的和桌面端是同一套界面而所有 AI 編碼工作仍然在你電腦上執(zhí)行——手機只是「遙控器」。一鍵開啟局域網(wǎng)網(wǎng)頁訪問三步搞定第 1 步打開「設(shè)置 → 遠(yuǎn)程訪問」進入設(shè)置頁找到「遠(yuǎn)程訪問」卡片默認(rèn)停在「內(nèi)網(wǎng)訪問」頁簽前端頁面src/features/settings/WebAccessSection.tsx。第 2 步點擊「啟動 Web 訪問」點擊后頁面會變?yōu)椤高\行中」?fàn)顟B(tài)并直接展示訪問地址形如http://192.168.x.x:隨機端口/?token一長串隨機字符你不需要手動配置任何端口——程序自動綁定一個空閑端口并探測局域網(wǎng) IP拼好地址給你。第 3 步手機掃碼或輸入地址啟動成功后頁面上會出現(xiàn)一張二維碼包含的就是上面帶 Token 的完整地址用瀏覽器或相機掃一掃即可進入也可以點地址旁的復(fù)制按鈕手動粘貼到手機瀏覽器。 注意手機必須和電腦連接同一個 Wi-Fi。在手機瀏覽器里該頁面只顯示服務(wù)狀態(tài)無法啟?！獑⑼２僮髦辉谧烂娑丝捎?。二維碼 Token鑒權(quán)是怎么保護你的 這個橋接會暴露終端、文件讀寫等能力所以安全設(shè)計相當(dāng)克制核心就一條規(guī)則每次啟動都換一把新鑰匙。Token 每次隨機生成啟動時由兩個 UUID 拼接成一串 64 位十六進制隨機碼見 web.rs#L245最終拼進訪問地址web.rs#L284。舊地址立刻作廢。兩個入口都校驗 TokenWebSocket 握手和/file文件接口都會檢查 Token缺失或不匹配直接拒絕陌生人即使連上你的 Wi-Fi 也打不開。Token 放在 URL 里而非請求頭因為img標(biāo)簽無法攜帶自定義請求頭放在查詢參數(shù)?token…里界面里的圖片資源才能正常加載web.rs#L682-L702。二維碼 免登錄二維碼內(nèi)容就是帶 Token 的完整地址掃碼即完成鑒權(quán)手機上沒有任何多余賬號體系。不用的時候點一下「停止」橋接立即關(guān)閉、Token 隨之失效網(wǎng)絡(luò)層面不再有任何暴露面。進階外網(wǎng)訪問與配對密鑰可選同一個「遠(yuǎn)程訪問」卡片里還有一個「外網(wǎng)訪問」頁簽。首次點擊時會彈出一張風(fēng)險確認(rèn)每臺電腦只需確認(rèn)一次——因為它會把桌面端的能力暴露到公網(wǎng)。中轉(zhuǎn)服務(wù)經(jīng)由 Cloudflare Worker 中轉(zhuǎn)可一鍵部署填寫 Cloudflare API Token 即可之后手機在任意網(wǎng)絡(luò)都能通過中轉(zhuǎn)地址連接。配對密鑰外網(wǎng)路徑下設(shè)備還需額外配對。開啟「授權(quán)訪問」會生成一串8 位配對密鑰每串密鑰只能配對一臺設(shè)備配對成功后自動更換前端卡片src/features/settings/WebAuthCard.tsx。手動放行手機輸入密鑰后只是「提交申請」還要你在電腦「授權(quán)列表」里點一次「授權(quán)」該設(shè)備才真正放行src/features/settings/WebDevicesCard.tsx——沒有人在電腦前密鑰本身無法授予任何權(quán)限?？梢娦杂羞h(yuǎn)程連接接入的瞬間桌面端會顯示「遠(yuǎn)程控制中」標(biāo)記你隨時知道誰在操作。連不上常見排查清單 ?現(xiàn)象可能原因手機打不開地址兩臺設(shè)備不在同一 Wi-Fi同一 Wi-Fi 但無法訪問路由器開啟了 AP 隔離設(shè)備間互不可達(dá)可在路由器后臺關(guān)閉一直轉(zhuǎn)圈/無響應(yīng)電腦防火墻攔截了隨機端口請放行一次本應(yīng)用地址里出現(xiàn) 127.0.0.1局域網(wǎng) IP 探測失敗時的兜底值web.rs#L282手機上無效請改為電腦的局域網(wǎng) IP換地址后舊二維碼失效正常現(xiàn)象每次重啟服務(wù) Token 都變化請以當(dāng)前地址為準(zhǔn)相關(guān)文件速查 內(nèi)網(wǎng)訪問前端頁面二維碼、復(fù)制地址WebAccessSection.tsx局域網(wǎng)橋接、Token 生成與校驗Rust 后端web.rs外網(wǎng)配對密鑰卡片WebAuthCard.tsx設(shè)備授權(quán)列表配對/授權(quán)/刪除WebDevicesCard.tsx中轉(zhuǎn)服務(wù)卡片WebRelayCard.tsx全部界面文案含安全提示zh.ts項目功能總覽README.md把手機變成遠(yuǎn)程操控臺只需要三個步驟啟動服務(wù) → 掃二維碼 → 開聊。用完記得點「停止」讓 Token 立刻失效——這是這套設(shè)計里成本最低、也最有效的一道防線。【免費下載鏈接】desktop-cc-guiMulti-engine AI coding desktop client (Tauri). Claude Code, Codex, Gemini, OpenCode, DeepSeek Harness and more in one GUI.項目地址: https://gitcode.com/zhukunpenglinyutong/desktop-cc-gui創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考