每個專案都有私人工作區和即時預覽
每個 Mythex 專案都有自己的私人雲端工作區:檔案、正在運行的程序、預覽和終端機,都與其他人的分開保存。工作區的右側會在你對話時即時顯示你的應用程式正在運行的畫面,所以在發佈之前,你就可以點擊瀏覽、以手機尺寸檢查,並分享預覽連結。
它的功能
每個專案一個工作區
Mythex 建立你的應用程式時,並不是把程式碼寫到虛無之中。它在一個屬於該專案的私人工作區內運作。套件就是在這裡安裝,你的應用程式伺服器在這裡運行,而當你切換到程式碼時,終端機也在這裡開啟。
因為每個專案都有自己的工作區,所以會有三項結果:
- 你的安裝和伺服器絕不會與其他人的發生衝突。
- Mythex 可以安全地為該專案安裝套件和運行你的應用程式。
- 預覽和終端機永遠指向你的專案。
對話旁的即時預覽
工作區的右側可以在預覽和程式碼之間切換。預覽會顯示你的應用程式正在運行的畫面,而不是截圖,也不是模擬圖。你可以點擊真實的流程、填寫表格、跟隨導覽,並在發佈之前發現問題。
程式碼則在同一個私人工作區內提供檔案樹、編輯器和互動式終端機,適合你需要精確控制,或有開發人員加入專案時使用。
為何重要
一個只向你展示程式碼的應用程式建立工具,要求你自行想像結果。一個只向你展示圖片的工具,則掩蓋了按鈕是否真的能用。在自己空間中運行的應用程式,能回答你真正關心的問題:這個做到了我要求的事嗎?
保持工作區私密也基於同一個理由。當代理安裝某樣東西或重新啟動伺服器時,它只影響你的專案,而不會影響其他專案;其他人的任何操作,也不會破壞你的專案。
暫停與喚醒
你沒有使用的工作區會自動暫停。當你需要它時,它會立即恢復:開啟專案、對話、編輯或載入預覽,都會將它喚醒。運行中的程序會隨之一併恢復,所以無需重新啟動任何東西。
喚醒需要幾秒鐘。在這段時間內,預覽面板會顯示進度,例如正在佈建沙盒,然後等待你的應用程式伺服器,並顯示在等待期間 Mythex 能做什麼的小貼士。你可能會看到正在啟動你的工作區…、正在啟動你的應用程式…或正在準備你的應用程式…。這都是正常的。
暫停後仍會保留的內容:
- 你的專案檔案和紀錄
- 專案設定和機密資料
- 已發佈的應用程式,它們獨立於私人工作區運行
如何使用預覽
- 開啟專案。 工作區被喚醒時,預覽會自動開始。
- 像訪客一樣點擊瀏覽。 試試表格和導覽。
- 前往特定頁面:在網址列輸入如
/about的路徑,然後按 Enter。返回和前進會在你本次工作階段開啟過的頁面之間移動。 - 檢查手機尺寸。 按一下手機圖示(切換至手機版),即可看到應用程式的手機尺寸框架,拖動其左右邊緣可更改寬度。把它拖到近乎全寬後放開,即可返回桌面版。
- 調整窗格大小:拖動對話與預覽之間的分隔線。面板圖示可隱藏或還原對話。
- 需要時,可從同一列按一下在新分頁開啟或重新整理。
如果你的專案運行多項服務,列上的下拉選單可讓你切換要預覽的服務。
在手機上,建立工具一次只顯示一個窗格(對話或你的應用程式),你可以滑動或點按在兩者之間切換。預覽在手機上已是全寬,所以如要查看應用程式在手機尺寸下的外觀,請使用手提電腦並按切換至手機版。
分享預覽連結
發佈按鈕旁邊的分享,會建立一個連結,讓沒有 Mythex 帳戶的人也能開啟你專案的即時預覽。它的用途是展示進行中的工作,例如給客戶、同事或群組聊天的成員看,而無需發佈尚未完成的東西。
- 建立新的預覽連結會要求你為它命名,然後把連結複製到剪貼簿。名稱只有你看得到,因此連結列表實際上就是受眾列表。
- 複製可日後再次複製連結。
- 刪除會在數秒內讓該連結在所有地方停止運作。
擁有連結的人只會看到與預覽完全相同的應用程式,此外別無其他:沒有對話、沒有程式碼、沒有終端機、沒有設定,也無法編輯。建議每個受眾各建立一個連結,這樣刪除某個連結,只會影響該受眾。
值得留意的限制
- 首次開啟分享連結可能需要長達一分鐘,因為專案需要喚醒,而你的應用程式伺服器需要從冷啟動開始運行。訪客會看到一個會自動重新載入的頁面,直到應用程式回應為止。如果你要即場示範,請提前一分鐘自己先開啟連結。
- 分享連結顯示的是即時沙盒,包括建立過程中途的變更。
- 喚醒專案會耗用你方案的額度和沙盒限制,無論是你開啟,還是持有連結的人開啟。不再需要的連結請刪除。
- 手機尺寸框架用於響應式網頁版面。 自 2026 年 10 月 22 日起,Pro 方案也可以將你的網頁應用程式封裝為 Android 和 iPhone 應用程式(流動應用程式)。
- 如果預覽空白或內容過時,請確認應用程式在終端機中正在運行,按一下重新整理,或使用
/fix。如果工作區無法喚醒,請重新整理後再試;如果問題持續,請連同專案 ID 聯絡支援。
如果你希望代理替你點擊預覽,請參閱應用程式測試。如需了解為何值得在即時網站以外的地方嘗試變更,請參閱我們的預發佈環境(staging)指南。