我的 daytona 範例是一個名為 Mindsnap-prosemaster-daytona 的 React 專案。這是一個非常簡單的初學者友好的應用程序，使用 React、Node 和 AI 開發，遵循 MVC 架構
在我們快節奏的世界中，沒有人願意花時間配置東西，開發人員只想繼續使用它並將其編碼下來。聽起來像你嗎？那麼，乾杯！您來對地方了。
但是，等等，我們都知道開發不是這樣的。遺憾的是，即使對於最簡單的項目，您也需要配置工具、要安裝的軟體包、要轉發的端口，有時還需要 VPN 設定等等。這就是 Daytona 為開發者提供簡單但突破性的解決方案的原因。
開始感到好奇了吧？
在這篇文章中，我將帶您了解我構建 MindSnap ProseMaster 的旅程 - 一個超級適合初學者的應用程序，旨在將長文本轉換為快速摘要、關鍵見解和有趣的助記符。
讓我們先簡短介紹一下我如何建立這個應用程式。我認為這是我使用 React 和 Node 建立的第一個應用程式。這相當簡單。現在假設您知道如何進行 api 調用，這將相當容易！
首先，這是一個帶有一個輸入框的單頁應用程序，用戶可以在其中輸入任何文本，現在使用此文本並傳遞提示，我將其發送到 Gemini api。來自 Gemini api 的回應將顯示回螢幕。
那麼，我這個對容器之類的東西一無所知的開發者是怎麼知道 Daytona 的呢？
好吧，我們需要為此感謝 Quira。 Quira 的 Quest 023 以 Daytona 為特色，獎金高達 6000 美元。當我了解到這一點後，我開始瀏覽我的專案以提交任務！
我清楚地記得我認為我應該選擇一個簡單的項目，因為複雜的項目可能會讓為我的工作區設置 DevContainer 變得更加困難。但是，天哪，我大錯特錯了。
我知道有些讀者不熟悉開發容器、工作空間。但是，不用擔心！我已經在這個部落格中介紹了它們，所以只要繼續閱讀，慢慢地你就會明白。
事實上，讓我們開始使用這些術語：
開發容器：預先設定的環境，包含開發所需的所有工具和設定。
工作空間：這是一個數位空間，我們可以在其中儲存和組織我們正在處理的所有文件、程式碼和各個項目。
連接埠：讓我們把它想像成一扇門，資料通過它在我們的開發環境和其他服務或設備之間流動。
PostCreateCommand：devcontainer.json 的一個重要指令，在設定開發環境後自動執行。我認為這是用來完成設定任務的。
使用 Daytona，我發現設定和管理開發環境是多麼容易，無論您的技能水平如何。留下來學習我的經驗，看看 Daytona 如何讓您的下一個專案更順利、更有效率！
讓我們深入了解我是如何開始的
我比較像是視覺學習者！這意味著我不喜歡閱讀冗長的文本，而是喜歡觀看實施的影片或圖像。因此，像往常一樣，我沒有閱讀非常簡單且易於遵循的說明。
在這裡我要感謝 quira 正在創建的開源社群。我在社區遇到的一位親愛的朋友 K OM 提供了幫助。我們希望在電話中他能解釋 3 個簡單的入門步驟：
真的有這麼簡單嗎？那麼簡短的回答是是。但除此之外，我相信測試工作空間是學習和使用 daytona 的重要組成部分。
真正激勵我的是什麼？這趟旅程中最令人沮喪的部分是什麼？
前 100 名有效提交的作品每人將獲得 50 美元！如果這對你來說都不是激勵因素那我不知道什麼才是。
代托納有這樣一句話：
但這對我來說是最令人沮喪的部分。該應用程式在我的機器上運行，但在審閱者機器上運行不正常，這立刻讓我產生了一個問題：代托納真的值得嗎？
哈哈，現在想起來了。聽起來真的很有趣。我是那個配置錯誤並指責代托納的人，認為它做出了虛假聲明。
是的，我承認我是為了獎勵而來的，但說實話，我留下來是為了技術。我忍受了所有這些挫折，因為我看到了代托納的真正能力。
*因此來到這個問題，我遇到了哪些具體問題？ *
我遇到的第一個問題是，我使用 AI 產生的容器在嘗試建立 daytona 工作區時拋出了致命錯誤。
解決了這個問題後，我想到的下一個問題是我的專案是使用 vite 創建的，結果發現在這種情況下螢幕上不會顯示任何內容。它將作為一個白色的空白頁出現。這是一個客戶問題。
後來，當我解決了客戶端問題時，現在我的伺服器沒有回應。
當我的客戶端和伺服器開始工作時，我遇到了這個 CORS 問題。
最後，我刪除了伺服器並直接呼叫 api，但隨後在建立工作區時收到錯誤訊息，但它仍然打開 IDE。結果我必須更改 devcontainer.json 以匹配我在程式碼中所做的更改。
解決方案以及我如何找到它們？
老實說，所有問題都有非常簡單的解決方案。如果沒有 Daytona 團隊的幫助，尤其是 Jafa 的幫助，我可能永遠無法弄清楚這些問題，他耐心地審查並提出了必要的更改建議。他幫助我更多地了解代托納、它的工作原理以及為什麼它是最好的。
您可能需要的一些解決方案是：
如果您的專案使用 Vite，那麼在您的 package.json 中您需要使用主機標誌指定 vite。它應該看起來像這樣：
如果您有前端和後端需求，那麼您必須將伺服器連接埠新增為轉送連接埠。應該看起來像這樣：
您可能遇到的所有問題的最終解決方案是：詢問。去加入代托納的 Slack 並告訴他們你的問題。我確信您會得到您正在尋找的幫助。鬆弛連結
我的建議，為什麼要用 Daytona？
我更想問為什麼不戴托納？它使用起來超級簡單且易於管理。它確保您不再需要經歷設定開發環境的複雜性
有了 Daytona，您可以專注於真正重要的事情，而不用擔心任何設定。
我認為 Daytona 對於開發者來說是一個有吸引力的選擇的一些最佳功能是：
單一指令:
只需一個命令即可啟動整個開發環境。無需手動設定——一切都準備就緒，可以立即開始。
到處運行：
無論您是在筆記型電腦上、遠端伺服器上還是在雲端中，您的開發環境都可以在任何地方運作。它完全靈活，因此您可以在任何機器上工作。
IDE 支援:
與 VS Code 和 JetBrains 等流行工具無縫整合。另外，還有一個內建的 Web IDE，因此您無需任何設定即可開始編碼。
安全：
透過安全 VPN 自動將您連接到您的開發環境。這可以確保您的資料安全，並確保您可以安全地工作，甚至遠端工作。
這些功能可以節省時間、提高靈活性並保持開發過程的順利和安全。嘿，開發人員還能要求什麼呢？它非常適合各個層級的開發人員。
誠實的回饋！
好吧，說它是完美的可能有點太牽強了。 雖然我覺得它是業內最好的之一，但有一些改變實際上可以改善用戶體驗。
但是，如果 daytona 為一些流行的技術堆疊提供即用型模板，包括預先配置的 devcontainer.json 檔案。類似於支援某些範本的互動式設定精靈。
諸如 daytona share 之類的東西將生成到環境的安全鏈接，可透過內建 Web IDE 存取。我們甚至可以像在 Google 文件中一樣在這裡進行即時協作。
再說一次，這些是我關於如何讓它變得更好的想法！
外帶：
簡單地說；不要以貌取人。代托納比我所描述的要複雜得多，除非你嘗試，否則你永遠不會發現。那你還在等什麼？立即嘗試！
送行之前的最後一件事：我要向整個 Quira 和 Daytona 團隊提出這項建議表示最深切的謝意。榮譽！
我的專案的 Github 連結
代托納的Github連結
代托納任務連結
以上是Daytona-Sample-React：文字 AI的詳細內容。更多資訊請關注PHP中文網其他相關文章！
