部落格

每個專案都有私人工作區與即時預覽

每個 Mythex 專案都有自己的私人雲端工作區:檔案、正在執行的程序、預覽與終端機,都與其他人的分開。工作區右側會即時顯示你的應用程式正在執行的畫面,讓你在聊天時可以直接點擊操作、檢查手機尺寸,並在發布之前就分享預覽連結。

它做什麼

每個專案一個工作區

Mythex 建置你的應用程式時,並不是把程式碼寫進一個虛空之中。它會在屬於該專案的私人工作區內作業。套件會在這裡安裝,你的應用程式伺服器會在這裡執行,而當你切換到程式碼時,終端機也會在這裡開啟。

因為每個專案都有自己的工作區,所以會有三個結果:

  • 你的安裝與伺服器永遠不會和別人的互相衝突。
  • Mythex 可以安全地為該專案安裝套件並執行你的應用程式。
  • 預覽與終端機永遠指向你的專案。

聊天旁邊的即時預覽

工作區右側可在預覽與程式碼之間切換。預覽會顯示正在執行的應用程式,而不是截圖,也不是模型示意圖。你可以點擊實際的流程、填寫表單、跟著導覽前進,並在發布前找出問題。

程式碼則在同一個私人工作區中提供檔案樹、編輯器與互動式終端機,適合你需要精準調整,或開發人員加入專案時使用。

為什麼重要

只顯示程式碼的應用程式建置工具,會要求你自己想像結果;只顯示圖片的工具,則會隱藏按鈕到底能不能用。一個在自己空間中執行的應用程式,才能回答你真正關心的問題:它是否做了我要求的事?

工作區保持私人也是同樣的道理。當代理程式安裝某個東西或重新啟動伺服器時,影響的只有你的專案;其他人的操作也不會破壞你的專案。

暫停與喚醒

不使用中的工作區會自動暫停。只要你需要它,它就會立即恢復:開啟專案、聊天、編輯或載入預覽,都會將它喚醒。正在執行的程序會隨之還原,因此不需要重新啟動任何東西。

喚醒需要幾秒鐘。在此期間,預覽面板會顯示目前的進度,例如建立沙盒、等待應用程式伺服器,並提示你在等待時 Mythex 還能做什麼。你可能會看到正在啟動你的工作區…、正在啟動你的應用程式…或正在準備你的應用程式…,這都是正常現象。

暫停後會保留的內容:

  • 你的專案檔案與歷程紀錄
  • 專案設定與機密資料
  • 已發布的應用程式,它們獨立於私人工作區運行

如何使用預覽

  1. **開啟專案。**工作區喚醒時,預覽會自動開始。
  2. **像訪客一樣點擊操作。**試試表單與導覽功能。
  3. 前往特定頁面:在網址列輸入路徑,例如 /about,然後按下 Enter。返回與前進可以在本次工作階段開過的頁面之間移動。
  4. **檢查手機尺寸。**點擊手機圖示(切換為行動版),即可看到應用程式的手機尺寸畫面,並拖曳其左右邊緣來調整寬度。把寬度拖到幾乎全寬後放開,即可回到桌面版。
  5. 調整窗格大小:拖曳聊天與預覽之間的分隔線。面板圖示可隱藏或還原聊天區。
  6. 需要時,可從同一列按鈕選擇在新分頁中開啟或重新整理。

如果你的專案執行多個服務,列上的下拉選單可讓你切換要預覽的服務。

在手機上,建置工具一次只會顯示一個窗格:聊天或你的應用程式,你可以滑動或點選來切換。預覽在手機上已經是全寬,所以若要查看應用程式在手機尺寸下的樣子,請使用筆電並點選切換為行動版。

分享預覽連結

緊鄰發布的分享,會建立一個連結,讓沒有 Mythex 帳號的人打開你專案的即時預覽。它適合用來展示進行中的工作,例如給客戶、同事或群組聊天,而不必發布尚未完成的東西。

  • 建立新的預覽連結會要求你為它命名,然後把連結複製到剪貼簿。這個名稱只有你看得到,因此連結清單就像是一份受眾清單。
  • 複製可以在之後再次複製連結。
  • 刪除會讓該連結在幾秒內於各處失效。

持有連結的人看到的,和預覽完全相同,僅此而已:沒有聊天、沒有程式碼、沒有終端機、沒有設定,也無法編輯。建議為每個受眾建立一個連結,這樣刪除某個連結,只會影響那一群受眾。

值得注意的限制

  • 第一次開啟分享連結可能需要長達一分鐘,因為專案需要喚醒,你的應用程式伺服器也要從冷啟動開始。訪客會看到一個會自動重新載入的頁面,直到應用程式回應為止。如果你要現場示範,請提前一分鐘自己先打開一次連結。
  • 分享連結顯示的是即時沙盒,包括建置過程中途的變更。
  • 喚醒專案會耗用你方案的點數與沙盒額度,不論是你打開它,還是持有連結的人打開它。用完的連結請刪除。
  • **手機尺寸畫面是用來檢查響應式網頁版面的。**自 2026 年 10 月 22 日起,Pro 方案也可以把你的網頁應用程式包裝成 Android 與 iPhone 應用程式(行動應用程式)。
  • 如果預覽空白或內容過時,請確認終端機中應用程式正在執行,點擊重新整理,或使用 /fix。如果工作區無法喚醒,請重新整理後再試;若問題持續,請附上專案 ID 聯絡支援。

當你希望代理程式替你點擊預覽時,請參閱應用程式測試。至於為何值得先在正式網站以外的地方試驗變更,可參閱我們關於預備環境的指南。

完整細節請見文件:私人工作區與預覽與程式碼。

Mythex · Pricing · 用 AI 打造任何東西 · 網站與應用程式範本 · Mythex 比較 · AI 應用程式開發詞彙表 · 免費的 AI 應用程式開發工具 · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港)