我的 daytona 範(fàn)例是一個名為 Mindsnap-prosemaster-daytona 的 React 專案。這是一個非常簡單的初學(xué)者友好的應(yīng)用程序，使用 React、Node 和 AI 開發(fā)，遵循 MVC 架構(gòu)

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

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

開始感到好奇了吧？

在這篇文章中，我將帶您了解我構(gòu)建 MindSnap ProseMaster 的旅程 - 一個超級適合初學(xué)者的應(yīng)用程序，旨在將長文本轉(zhuǎn)換為快速摘要、關(guān)鍵見解和有趣的助記符。

讓我們先簡短介紹一下我如何建立這個應(yīng)用程式。我認(rèn)為這是我使用 React 和 Node 建立的第一個應(yīng)用程式。這相當(dāng)簡單?，F(xiàn)在假設(shè)您知道如何進(jìn)行 api 調(diào)用，這將相當(dāng)容易！

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

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

好吧，我們需要為此感謝 Quira。 Quira 的 Quest 023 以 Daytona 為特色，獎金高達(dá) 6000 美元。當(dāng)我了解到這一點(diǎn)後，我開始瀏覽我的專案以提交任務(wù)！

我清楚地記得我認(rèn)為我應(yīng)該選擇一個簡單的項(xiàng)目，因?yàn)檠}雜的項(xiàng)目可能會讓為我的工作區(qū)設(shè)置 DevContainer 變得更加困難。但是，天哪，我大錯特錯了。

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

事實(shí)上，讓我們開始使用這些術(shù)語：

• 開發(fā)容器：預(yù)先設(shè)定的環(huán)境，包含開發(fā)所需的所有工具和設(shè)定。

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

• 連接埠：讓我們把它想像成一扇門，資料通過它在我們的開發(fā)環(huán)境和其他服務(wù)或設(shè)備之間流動。

• PostCreateCommand：devcontainer.json 的一個重要指令，在設(shè)定開發(fā)環(huán)境後自動執(zhí)行。我認(rèn)為這是用來完成設(shè)定任務(wù)的。

使用 Daytona，我發(fā)現(xiàn)設(shè)定和管理開發(fā)環(huán)境是多麼容易，無論您的技能水平如何。留下來學(xué)習(xí)我的經(jīng)驗(yàn)，看看 Daytona 如何讓您的下一個專案更順利、更有效率！

讓我們深入了解我是如何開始的
我比較像是視覺學(xué)習(xí)者！這意味著我不喜歡閱讀冗長的文本，而是喜歡觀看實(shí)施的影片或圖像。因此，像往常一樣，我沒有閱讀非常簡單且易於遵循的說明。

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

1. 先導(dǎo)覽到專案並設(shè)定一個名為「.devcontainer/devcontainer.json」的檔案
2. 使用開發(fā)容器產(chǎn)生器產(chǎn)生開發(fā)容器
3. 編輯自述文件以使用戶了解並完成！

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

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

代托納有這樣一句話：

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

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

是的，我承認(rèn)我是為了獎勵而來的，但說實(shí)話，我留下來是為了技術(shù)。我忍受了所有這些挫折，因?yàn)槲铱吹搅舜屑{的真正能力。

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

我遇到的第一個問題是，我使用 AI 產(chǎn)生的容器在嘗試建立 daytona 工作區(qū)時拋出了致命錯誤。

解決了這個問題後，我想到的下一個問題是我的專案是使用 vite 創(chuàng)建的，結(jié)果發(fā)現(xiàn)在這種情況下螢?zāi)簧喜粫@示任何內(nèi)容。它將作為一個白色的空白頁出現(xiàn)。這是一個客戶問題。

後來，當(dāng)我解決了客戶端問題時，現(xiàn)在我的伺服器沒有回應(yīng)。

當(dāng)我的客戶端和伺服器開始工作時，我遇到了這個 CORS 問題。

最後，我刪除了伺服器並直接呼叫 api，但隨後在建立工作區(qū)時收到錯誤訊息，但它仍然打開 IDE。結(jié)果我必須更改 devcontainer.json 以匹配我在程式碼中所做的更改。

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

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

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

1. 如果您的專案使用 Vite，那麼在您的 package.json 中您需要使用主機(jī)標(biāo)誌指定 vite。它應(yīng)該看起來像這樣：
   

2. 如果您有前端和後端需求，那麼您必須將伺服器連接埠新增為轉(zhuǎn)送連接埠。應(yīng)該看起來像這樣：
   

3. 您可能遇到的所有問題的最終解決方案是：詢問。去加入代托納的 Slack 並告訴他們你的問題。我確信您會得到您正在尋找的幫助。鬆弛連結(jié)

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

有了 Daytona，您可以專注於真正重要的事情，而不用擔(dān)心任何設(shè)定。

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

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

• 到處運(yùn)行：
  無論您是在筆記型電腦上、遠(yuǎn)端伺服器上還是在雲(yún)端中，您的開發(fā)環(huán)境都可以在任何地方運(yùn)作。它完全靈活，因此您可以在任何機(jī)器上工作。

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

• 安全：
  透過安全 VPN 自動將您連接到您的開發(fā)環(huán)境。這可以確保您的資料安全，並確保您可以安全地工作，甚至遠(yuǎn)端工作。

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

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

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

但是，如果 daytona 為一些流行的技術(shù)堆疊提供即用型模板，包括預(yù)先配置的 devcontainer.json 檔案。類似於支援某些範(fàn)本的互動式設(shè)定精靈。

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

諸如 daytona share 之類的東西將生成到環(huán)境的安全鏈接，可透過內(nèi)建 Web IDE 存取。我們甚至可以像在 Google 文件中一樣在這裡進(jìn)行即時協(xié)作。

• 也許是人工智慧驅(qū)動的故障排除程式 我之所以想到這一點(diǎn)，是因?yàn)樵S多專案都陷入了非常簡單的事情上，例如連接埠配置錯誤、依賴項(xiàng)不匹配等。

再說一次，這些是我關(guān)於如何讓它變得更好的想法！

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

送行之前的最後一件事：我要向整個 Quira 和 Daytona 團(tuán)隊(duì)提出這項(xiàng)建議表示最深切的謝意。榮譽(yù)！

我的專案的 Github 連結(jié)
代托納的Github連結(jié)
代托納任務(wù)連結(jié)

以上是Daytona-Sample-React：文字 AI的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！