我的 daytona 示例是一個名為 Mindsnap-prosemaster-daytona 的 React 項目。這是一個非常簡單的初學者友好的應用程序，使用 React、Node 和 AI 開發(fā)，遵循 MVC 架構

在我們快節(jié)奏的世界中，沒有人愿意花時間配置東西，開發(fā)人員只想繼續(xù)使用它并將其編碼下來。聽起來像你嗎？那么，干杯！您來對地方了。

但是，等等，我們都知道開發(fā)不是這樣的。遺憾的是，即使對于最簡單的項目，您也需要配置工具、要安裝的軟件包、要轉發(fā)的端口，有時還需要 VPN 設置等等。這就是 Daytona 為開發(fā)者提供簡單但突破性的解決方案的原因。

開始感到好奇了吧？

在這篇文章中，我將帶您了解我構建 MindSnap ProseMaster 的旅程 - 一個超級適合初學者的應用程序，旨在將長文本轉換為快速摘要、關鍵見解和有趣的助記符。

讓我們首先簡短介紹一下我如何構建這個應用程序。我認為這是我使用 React 和 Node 構建的第一個應用程序。這相當簡單?，F(xiàn)在假設您知道如何進行 api 調(diào)用，這將相當容易！

首先，這是一個帶有一個輸入框的單頁應用程序，用戶可以在其中輸入任何文本，現(xiàn)在使用此文本并傳遞提示，我將其發(fā)送到 Gemini api。來自 Gemini api 的響應將顯示回屏幕。

那么，我這個對容器之類的東西一無所知的開發(fā)者是怎么知道 Daytona 的呢？

好吧，我們需要為此感謝 Quira。 Quira 的 Quest 023 以 Daytona 為特色，獎金高達 6000 美元。當我了解到這一點后，我開始瀏覽我的項目以提交任務！

我清楚地記得我認為我應該選擇一個簡單的項目，因為復雜的項目可能會讓為我的工作區(qū)設置 DevContainer 變得更加困難。但是，天哪，我大錯特錯了。

我知道有些讀者不熟悉開發(fā)容器、工作空間。但是，不用擔心！我已經(jīng)在這個博客中介紹了它們，所以只要繼續(xù)閱讀，慢慢地你就會明白。

事實上，讓我們開始使用這些術語：

• 開發(fā)容器：預配置的環(huán)境，包含開發(fā)所需的所有工具和設置。

• 工作空間：這是一個數(shù)字空間，我們可以在其中存儲和組織我們正在處理的所有文件、代碼和各個項目。

• 端口：讓我們把它想象成一扇門，數(shù)據(jù)通過它在我們的開發(fā)環(huán)境和其他服務或設備之間流動。

• PostCreateCommand：devcontainer.json 的一個重要命令，在設置開發(fā)環(huán)境后自動運行。我認為這是用來完成設置任務的。

使用 Daytona，我發(fā)現(xiàn)設置和管理開發(fā)環(huán)境是多么容易，無論您的技能水平如何。留下來學習我的經(jīng)驗，看看 Daytona 如何讓您的下一個項目更順利、更高效！

讓我們深入了解我是如何開始的
我更像是一個視覺學習者！這意味著我不喜歡閱讀冗長的文本，而是喜歡觀看實施的視頻或圖像。因此，像往常一樣，我沒有閱讀非常簡單且易于遵循的說明。

在這里我要感謝 quira 正在創(chuàng)建的開源社區(qū)。我在社區(qū)遇到的一位親愛的朋友 K OM 提供了幫助。我們希望在電話中他能解釋 3 個簡單的入門步驟：

1. 首先導航到項目并設置一個名為“.devcontainer/devcontainer.json”的文件
2. 使用開發(fā)容器生成器生成開發(fā)容器
3. 編輯自述文件以使用戶了解并完成！

真的有這么簡單嗎？那么簡短的回答是是。但除此之外，我相信測試工作空間是學習和使用 daytona 的重要組成部分。

真正激勵我的是什么？這次旅程中最令人沮喪的部分是什么？
前 100 名有效提交的作品每人將獲得 50 美元！如果這對你來說都不是激勵因素那么我不知道什么才是。

代托納有這樣一句話：

但這對我來說是最令人沮喪的部分。該應用程序在我的機器上運行，但在審閱者機器上運行不正常，這立刻讓我產(chǎn)生了一個問題：代托納真的值得嗎？

哈哈，現(xiàn)在想起來了。聽起來真的很有趣。我是那個配置錯誤并指責代托納的人，認為它做出了虛假聲明。

是的，我承認我是為了獎勵而來的，但說實話，我留下來是為了技術。我忍受了所有這些挫折，因為我看到了代托納的真正能力。

*因此來到這個問題，我遇到了哪些具體問題？ *

我遇到的第一個問題是，我使用 AI 生成的容器在嘗試創(chuàng)建 daytona 工作區(qū)時拋出了致命錯誤。

解決了這個問題后，我想到的下一個問題是我的項目是使用 vite 創(chuàng)建的，結果發(fā)現(xiàn)在這種情況下屏幕上不會顯示任何內(nèi)容。它將作為一個白色的空白頁出現(xiàn)。這是一個客戶問題。

后來，當我解決了客戶端問題時，現(xiàn)在我的服務器沒有響應。

當我的客戶端和服務器開始工作時，我遇到了這個 CORS 問題。

最后，我刪除了服務器并直接調(diào)用 api，但隨后在創(chuàng)建工作區(qū)時收到錯誤消息，但它仍然打開 IDE。結果我必須更改 devcontainer.json 以匹配我在代碼中所做的更改。

解決方案以及我如何找到它們？

老實說，所有問題都有非常簡單的解決方案。如果沒有 Daytona 團隊的幫助，尤其是 Jafa 的幫助，我可能永遠也無法弄清楚這些問題，他耐心地審查并提出了必要的更改建議。他幫助我更多地了解代托納、它的工作原理以及為什么它是最好的。

您可能需要的一些解決方案是：

1. 如果您的項目使用 Vite，那么在您的 package.json 中您需要使用主機標志指定 vite。它應該看起來像這樣：
   

2. 如果您有前端和后端需求，那么您必須將服務器端口添加為轉發(fā)端口。應該看起來像這樣：
   

3. 您可能遇到的所有問題的最終解決方案是：詢問。去加入代托納的 Slack 并告訴他們你的問題。我確信您會得到您正在尋找的幫助。松弛鏈接

我的建議，為什么使用 Daytona？
我更想問為什么不戴托納？它使用起來超級簡單并且易于管理。它確保您不再需要經(jīng)歷設置開發(fā)環(huán)境的復雜性

有了 Daytona，您可以專注于真正重要的事情，而不用擔心任何設置。

我認為 Daytona 對于開發(fā)者來說是一個有吸引力的選擇的一些最佳功能是：

• 單個命令:
  只需一個命令即可啟動整個開發(fā)環(huán)境。無需手動設置——一切都準備就緒，可以立即開始。

• 到處運行：
  無論您是在筆記本電腦上、遠程服務器上還是在云中，您的開發(fā)環(huán)境都可以在任何地方運行。它完全靈活，因此您可以在任何機器上工作。

• IDE 支持:
  與 VS Code 和 JetBrains 等流行工具無縫集成。另外，還有一個內(nèi)置的 Web IDE，因此您無需任何設置即可開始編碼。

• 安全：
  通過安全 VPN 自動將您連接到您的開發(fā)環(huán)境。這可以保證您的數(shù)據(jù)安全，并確保您可以安全地工作，甚至遠程工作。

這些功能可以節(jié)省時間、提高靈活性并保持開發(fā)過程的順利和安全。嘿，開發(fā)人員還能要求什么呢？它非常適合各個級別的開發(fā)人員。

誠實的反饋！
好吧，說它是完美的可能有點太牽強了。 雖然我覺得它是業(yè)內(nèi)最好的之一，但有一些改變實際上可以改善用戶體驗。

• 預構建的框架特定模板 是的，我的意思是模板，而不是樣本。他們之間有什么不同？我知道 Daytona 正在收集樣本，以便開發(fā)人員可以參考這些樣本并在旋轉 Daytona 工作區(qū)上工作。

但是，如果 daytona 為一些流行的技術堆棧提供即用型模板，包括預先配置的 devcontainer.json 文件。類似于支持某些模板的交互式設置向?qū)А?/p>

• 一鍵環(huán)境共享 我認為 Daytona 可以添加一個功能來立即共享開發(fā)環(huán)境。開發(fā)人員可以向團隊成員發(fā)送鏈接以進行協(xié)作。

諸如 daytona share 之類的東西將生成到環(huán)境的安全鏈接，可通過內(nèi)置 Web IDE 訪問。我們甚至可以像在 Google 文檔中一樣在這里進行實時協(xié)作。

• 也許是人工智能驅(qū)動的故障排除程序 我之所以想到這一點，是因為許多項目都陷入了非常簡單的事情上，例如端口配置錯誤、依賴項不匹配等。

再說一次，這些是我關于如何讓它變得更好的想法！

外賣：
簡單地說；不要以貌取人。代托納比我所描述的要復雜得多，除非你嘗試，否則你永遠不會發(fā)現(xiàn)。那你還等什么？立即嘗試！

送行之前的最后一件事：我要向整個 Quira 和 Daytona 團隊提出這一建議表示最深切的謝意。榮譽！

我的項目的 Github 鏈接
代托納的Github鏈接
代托納任務鏈接

以上是Daytona-Sample-React：文本 AI的詳細內(nèi)容。更多信息請關注PHP中文網(wǎng)其他相關文章！