返回列表

部落格

如何在 iPhone 預覽電腦的 localhost 網站:Tactic Portal 教學

從啟動本機網站、連接電腦與核對連接埠,到 iPhone 或 iPad 私有預覽、選擇性分享與停止存取,並排查常見問題。

發布於 更新於 標籤: 入門教學 / Portal / localhost
部落格

繼續查看該欄目下的產品與工程更新。

瀏覽此分類

開發伺服器繼續在電腦上執行。本教學將帶你用一張不含敏感資料的測試頁面完成 iPhone 或 iPad 上的私有預覽,接著說明可選的分享步驟與如何結束存取。

候選稿與證據範圍:原圖來自 2026 年 10 月 29 日的 iPhone 15、1.13 Build 45 與 Linux 1.13 測試主機,為實機英文介面,並非生成畫面。不代表最終 Mac/Windows 包已重新驗收。先前記錄的本機檢查只驗證了 HTTP 發現,沒有新建外部分享;最終包的實機與恢復仍待驗。

開始前

iPhone/iPad 使用 Tactic Remote 1.13,電腦可選擇 Mac 1.13 App、Windows 1.13 Preview,或 macOS/Linux 的 npm CLI 1.13.0(npx tacticremote@1.13.0)。Homebrew 公式也已提供 1.13.0。 下載對應版本,讓電腦保持喚醒狀態,並依照 連接指南 連上正確主機。請選擇不含憑證、客戶資料或管理工具的測試專案;無須為這次檢查發起付費模型請求。

1. 在電腦啟動網站

執行專案原有的開發啟動命令,記下實際監聽的連接埠,並先用電腦瀏覽器確認能夠正常開啟。當預設連接埠被占用時,框架可能會自動改用其他連接埠。Portal 不會替你啟動開發伺服器。

若電腦已安裝 Python 3,也可在空白測試資料夾中儲存一份無敏感內容的 index.html,然後在該資料夾內執行:

python3 -m http.server 5173 --bind 127.0.0.1

電腦開啟 http://localhost:5173。命令會提供目前資料夾的檔案,請勿在使用者主目錄或私有倉庫執行。Python 僅用於可選範例;Node 專案可沿用現有伺服器。歷史截圖的連接埠為 3000。

2. 連接電腦與專案

在 App 選擇正確電腦並確認已連線,開啟網站所屬專案的對話,從選單進入 Portal preview。主機離線時無法提供網站;配對和發現網站是不同步驟。

3. 核對連接埠

重新整理網站列表。優先查看目前專案的條目;若顯示 Project not verified,先核對開發伺服器連接埠,也可選 Enter a port manually。HTTP 與 HTTPS 要符合實際服務。

iPhone 實機列表顯示 localhost 3000、Project not verified 與手動連接埠選項。
10 月 29 日英文實機介面:找到連接埠,但未驗證專案歸屬,不代表推薦成功。

4. 開啟私有預覽

選擇核對過的目標,再點 Open private preview。確認是預期頁面,可切換寬度檢查手機或桌面版面配置。電腦與開發伺服器須持續運行。

iPhone 的私有預覽顯示由測試主機提供的 Your project, live 頁面。
真實主機提供的無敏感測試頁,並非客戶專案。

5. 需要時才分享

在 Preview settings 選擇期限並閱讀審核同意。允許後,分享頁面、腳本和圖片可送給 OpenAI 審核,私有預覽不進入此鏈路。在支援地區可點 Create share link;持有連結的人不需帳號便可存取開放網站和已設定服務。請選短期限與無敏感資料。

實機設定顯示一小時期限、OpenAI 審核同意與建立分享連結。
歷史同意畫面;本次修訂未建立新分享或審核請求。

請指定訪客開啟連結,閱讀訪客說明後再決定是否繼續。私有預覽成功不保證所有內容都通過分享審核。僅自己查看時不要分享。

6. 結束存取

Stop sharing 撤銷訪客連結並保留私有預覽;Stop preview 結束整個預覽。關閉面板不是撤銷分享。歷史實測中,停止分享後訪客無法繼續查看,私有預覽仍在。

實機停止分享確認,說明訪客立即失去存取,私有預覽繼續。
實機確認框,原分享已失效,圖中沒有存取令牌。

依症狀排查

現象檢查方向
沒有網站確認網站在電腦可開啟,核對專案與實際連接埠,再重新整理或手動輸入。
未驗證專案自行核對連接埠,發現監聽器不是歸屬證明。
預覽不可用檢查主機連線與版本。帳號總額:免費同時一個、Pro 最多五個;目前每台電腦最多兩個,仍受帳號總額限制。
HTTPS 錯誤核對協定與被主機執行環境信任的 localhost 憑證,不要關閉驗證。
頁面部分失效檢查本機後端、登入、即時串流和框架相容性;靜態頁成功不等於整站通過。
分享不可用或被拒查看地區、同意、主機版本和錯誤原因;可保留私有,不要反覆外送敏感內容。
過期或斷線確認電腦在線。兩分鐘恢復窗口不是保證;已結束時重建預覽,仍需分享才重建連結。

接著閱讀 Portal 設計邊界與 1.13 版本公告。

立即體驗 Tactic Remote

用手機遠端操作程式開發 Agent

連線到 Mac、Windows 或 Linux 電腦上的 Claude Code、Codex 等 Agent,在 iPhone 或 iPad 上查看進度並傳送下一個請求。