工作區能做什麼？
工作區是 HappySeeds 將對話轉化為可運作專案的地方,將 AI 聊天、預覽、資源、程式碼、分析、雲端服務、應用程式設定、登入驗證與付款設定整合在同一個地方。
運作方式
左側是你與 AI 對話的地方,右側則是你檢視專案的地方。
當你請求一項變更時,AI 會更新專案。接著你可以使用工作區工具來檢查結果、查看生成的檔案、審閱程式碼、設定服務,並為發佈做好準備。
良好的節奏是:
- 在聊天中描述一項變更。
- 在預覽中檢視結果。
- 使用電腦、平板或手機檢視模式檢查版面。
- 只有在需要查看檔案或實作細節時,才開啟資源或程式碼。
- 當專案準備好進行相關設定時,設定應用程式、雲端、登入驗證或付款。
- 發佈專案並測試正式網址。
主要功能
- 預覽:在優化過程中,以視覺方式檢視目前的應用程式。使用電腦、平板與手機檢視模式來檢查響應式版面效果。
- 提示詞式編輯:以自然語言請求變更,再以小步驟優化結果。
- 資源:檢視已上傳或已生成的檔案、圖片及其他專案資源。
- 程式碼:在需要了解變更內容或診斷技術問題時,審閱生成的實作內容。
- 分析:在專案部署且分析功能可用後,查看流量與使用情況數據。
- 雲端:管理資料庫、自訂網域、密鑰與日誌等後端服務。
- 應用程式設定:在分享前更新專案圖示、標題、SEO 中繼資料與預覽圖片。
- 登入驗證:當你的應用程式需要使用者帳戶時,設定 Google 或 Brevo 等登入服務。
- 付款:當應用程式需要付費流程時,連接結帳、訂閱、Webhook 或客戶入口網站。
該先用哪一個
先從 預覽 與聊天處理視覺或文案變更,只有在任務需要時才開啟其他工具:
- 使用
預覽 檢視畫面、路由與響應式行為
- 當問題涉及檔案、圖片或已上傳資源時,使用
資源
- 需要實作細節時,使用
程式碼
- 部署後想查看造訪與頁面活動時,使用
分析
- 應用程式需要資料、網域、密鑰或日誌時,使用
雲端
- 發佈或分享前使用
應用程式
- 專案依賴外部帳戶或憑證時,使用
登入驗證 與 付款
各功能的用途
預覽 用於檢查使用者將看到的內容。請在請求 AI 進行下一項視覺變更之前,以及發佈之前使用它。
資源 用於管理專案檔案。當圖片遺失、需要上傳檔案,或想確認專案中存在哪些資源時使用。
程式碼 用於技術檢查。當你需要了解生成的檔案、調查某個功能行為異常的原因,或與開發者分享細節時使用。
分析 用於檢視實際使用數據,在專案發佈且有真實使用者造訪後最為有用。
雲端 用於正式環境服務。當應用程式需要資料庫、自訂網域、環境變數、登入服務、付款服務或日誌時使用。
限制與使用者控制權
工作區能協助建置並連接應用程式的許多部分,但無法取代你對外部服務的掌控權。
以下事項仍由你掌控:
- 第三方帳戶
- API 金鑰與密鑰
- 網域 DNS 記錄
- 付款服務設定
- 哪些內容要公開發佈
AI 可以引導設定並串接應用程式,但上線前你仍應審核敏感設定。
預覽網址是暫時性的,30 分鐘後就會失效。如果需要分享穩定的連結,請發佈專案並傳送已發佈的網址。
分析功能也需要專案已發佈並具備真實流量。新建或尚未發佈的專案可能不會顯示任何數據。
常見相關問題
- 預覽看起來不對時,該開啟哪個分頁?
- 為什麼公開頁面與預覽看起來不一樣?
- 每個專案都需要雲端服務嗎?
- API 金鑰應該放在哪裡?
- 應該從預覽還是已發佈的網址測試登入驗證與付款?
相關指南
