ChatGPT 最大的賣點之一是它可以成為一個強大的程式設計工具。它的理念是：你用自然語言描述你想要的內容，聊天機器人就會產生程式碼來實現它。但 ChatGPT 在這方面的表現究竟如何呢？
還有什麼比測試一下更好的方法呢？我們讓 ChatGPT 從零開始建立了一個簡單的 Web 應用。以下是測試結果以及您可以使用 ChatGPT 從零開始建立網站的步驟。我們檢查了 ChatGPT 可以幫助你寫小說.
快速連結
步驟 1：建立 Web 應用程式藍圖
就像使用任何專用平台建立 Web 應用程式一樣，您需要概述您希望應用程式的外觀以及在允許 ChatGPT 運行渲染之前建立應用程式所需執行的步驟。
在第一個任務中，我們要求 ChatGPT 為一個簡單的聊天應用程式開發藍圖。為此，我們描述了 Web 應用程式的需求，然後要求聊天機器人準備詳細的應用程式開發計畫。
使用上述提示後，我們得到的結果如下：
您需要在 ChatGPT 帳戶中啟用「Show Me」外掛程式才能建立流程圖，如上所述。您可以安裝並使用 ChatGPT 附加元件 只需幾個步驟，但您需要高級訂閱。
即使沒有插件，你也會得到一個文字圖表或 ASCII 藝術流程圖，它們也很有用。即使沒有插件，ChatGPT 仍然可以為應用程式提供清晰的流程圖，如下例所示。
第 2 步：將圖表分成更小的單元。
現在，總體框架已經確定，我們請求 ChatGPT 幫忙將應用程式拆分成更小的元件，這些元件可以單獨開發，然後組合起來形成完整的 Web 應用程式。 ChatGPT 建議將其拆分為三個組件：
- 註冊組件。
- 登入組件。
- 聊天組件。
還有其他更好的想法，但這裡的目標是讓 ChatGPT 控制和管理這個專案。
1.建立註冊組件
我們直接開始開發註冊組件。我們請求 ChatGPT 提取合適的演算法。在這裡，我們進行了乾預，指定只需要使用者的使用者名稱、電子郵件和頭像即可註冊。提示如下：
結果如下：
接下來，我們要求 ChatGPT 建立一個錄音組件。
雖然我們在註冊過程中沒有添加密碼字段，但 ChatGPT 將其包含在生成的 HTML 程式碼中，從而建立了正確的連接。我們直接複製了程式碼，未做任何修改，以下是它在瀏覽器中的顯示效果。
接下來，我們要求 ChatGPT 產生自訂 PHP 註冊代碼。最初，我們要求它「編寫用於處理表單提交的伺服器端邏輯的 PHP 程式碼」。雖然產生的腳本運作良好，但它存在一些漏洞。
ChatGPT 沒有密碼哈希，沒有錯誤處理，而且容易受到 SQL 注入攻擊——它只做了最低限度的防護。修復這個問題相對容易。我們只需讓 ChatGPT「識別所有與你剛剛創建的程式碼不符的內容，然後利用識別出的點來改進你的程式碼」。這樣，PHP 日誌記錄元件就啟動並運行了。
نصيحة： 編寫腳本提示非常重要。您需要非常清晰、具體地說明您希望 ChatGPT 執行的操作。當我們簡單地要求它“修復此程式碼問題”時，它並沒有修復我們期望的大部分問題。有關編寫 ChatGPT 提示的更多指導，請參閱以下連結： 如何撰寫有效的索賠.
接下來，我們要求 ChatGPT「編寫 SQL 程式碼來建立資料庫，以將捕獲的資料儲存在 PHP 腳本中」。以下是產生的 SQL 程式碼：
以下是透過執行 SQL 建立的表：
資料庫設定完成後，我們嘗試了第一個註冊流程，一切順利。請查看： 在你的第一份工作之前獲得 SQL 經驗的最佳簡單方法.
2. 建立登入組件
註冊組件建置完成後，我們開始建立登入元件。令人驚訝的是，儘管會話管理涉及額外的邏輯，但登入元件的開發卻是最容易的。
這是已建立的登入頁面。其最顯著的特點之一是它使用了與註冊頁面相同的顏色選項。
在按照ChatGPT的說明建立「server.login.php」檔案並新增產生的PHP腳本後，我們無需任何修改或偵錯即可成功首次登入。
3. 建立聊天元件
開發聊天組件是我們這個小實驗的最後一個部分，或許也是最困難的部分。最初，我們只是讓 ChatGPT 為聊天元件編寫合適的程式碼。不用說，這完全失敗了。要開發更複雜的組件，無論你想創建什麼，你都需要將其分解成更小的組件，然後逐一處理。
我們向 ChatGPT 詢問如何拆分聊天元件的建議，它建議建立三個頁面：
- 聊天.php
- 發送訊息.php
- 取得訊息.php
نصيحة： 當 ChatGPT 建議檔案名稱時，如果在專案中使用不同的名稱，可能會無意中導致問題，因為聊天機器人會在整個專案產生的所有程式碼中引用相同的名稱。我們經歷了慘痛的教訓才發現這一點。不要犯同樣的錯誤。
建立 Chat.php 頁面
首先，我們向 ChatGPT 提供了有關聊天介面應該是什麼樣子的詳細說明。
運行生成的 HTML 程式碼後，我們的聊天介面缺少訊息輸入框。為了解決這個問題，我們直接要求 ChatGPT「重寫程式碼，使其包含訊息輸入框和發送按鈕」。以下是產生的程式碼在第二個 Beta 版瀏覽器中的顯示效果。
نصيحة： 如果產生的程式碼未能達到預期效果或遺漏了重要元件，只需讓 ChatGPT 重寫最終程式碼即可。要求它包含該組件或執行初始程式碼中未完成的任何其他操作。以下是一些操作技巧： 如何在程式設計中使用 ChatGPT.
建立“send-messages.php”和“Fetch-messages”頁面
在對介面感到滿意後，我們開始編寫腳本來處理聊天邏輯。為了能夠從資料庫發送和檢索訊息，ChatGPT 明確指出我們需要一個「訊息」表。我們要求聊天機器人使用 SQL 建立訊息表。
建立 SQL 程式碼後，我們要求聊天機器人建立一個 PHP 腳本來處理訊息傳遞邏輯。
ChatGPT 為「send-messages.php」和「fetch-messages.php」頁面產生了腳本。運行這兩個腳本後，我們終於遇到了第一個錯誤（這有點出乎意料地令人欣慰）。儘管專案相對簡單，但能夠一路走到這一步，一行程式碼都沒改，這看起來已經很不錯了。
事實證明，該錯誤是由於 ChatGPT 在腳本中插入了一個未宣告的會話變數 ($_SESSION['user_id']) 造成的。我們懷疑這是由於專案長期中斷導致 ChatGPT 忘記了專案中使用的一些上下文和變數名稱。
نصيحة： 使用 ChatGPT 建立應用程式時，請務必使用相同的聊天線程，並嘗試盡快完成相關元件。使用新的聊天線程或長時間休息可能會導致不一致。如果您在程式設計會話之間長時間休息，ChatGPT 往往會忘記當前專案的一些細節（例如配色方案）。
不過，我們修復了錯誤並發布了程式碼。我們註冊、登入並測試了聊天功能。雖然我們可以在註冊用戶之間發送訊息，但訊息氣泡的顏色和排列略有不一致。不過，對於一款耗時 1 小時 23 分鐘才完成的應用程式來說，我們不會對其評價過高。
ChatGPT：優秀的程式設計助手
ChatGPT 無疑是一款功能強大的程式設計助手。這款聊天機器人能夠從簡單的、甚至完全晦澀難懂的指令中產生令人印象深刻的程式碼，充分證明了其強大的程式設計能力。
當然，它仍然存在著許多缺點。有限的上下文視窗以及它無法連接多個獨立建立的元件的邏輯是主要問題。不過，如果你熟悉它，聊天機器人可以幫助你快速創建相當複雜的 Web 應用程式。現在就可以體驗一下。 ChatGPT 可用作烹飪助手.
