跟著我一起踏上 Go 學習之旅

我正在開發一個小遊戲，在後端使用 Go，在前端使用 TypeScript 進行 React。在我的日常工作中，我主要使用 Laravel 框架來使用 PHP，因此 Go 對我來說是一種新的程式語言，我發現最好的學習方法就是實作。那麼請跟隨我一起了解建構這個專案的旅程。我已經完成了一半，但我會與您分享未來的 PR。

這款遊戲名為嫌犯召回。您可以在這裡查看到目前為止我所掌握的內容：https://www.suspectrecall.com 首先，您會看到嫌疑人幾秒鐘，然後您必須記住嫌疑人具有哪些屬性。我稍後會改進設計，儘管這不是這個專案的重點。

接下來的待辦事項是隨機取得嫌疑犯。我為這部分程式碼開啟了 PR：https://github.com/artisanphil/suspect_recall/pull/4 歡迎程式碼審查！我還計劃保存答案，以便我可以了解有多少人嘗試過網站以及他們犯了多少錯誤。

程式碼結構概覽

原本我有兩個資料夾，後端和前端，但我發現實際上最好的方法是將後端程式碼放在根目錄中，將前端資料夾放在後端資料夾中。
我們不需要部署前端程式碼，只需部署從建置中建立的程式碼即可。在自述文件中了解如何運行本機開發程式碼。

如果您剛剛下載了該項目，則需要在前端資料夾中執行 npm install 將依賴項拉入資料夾「node_modules」。
在前端資料夾中建立一個 .env 檔案並新增 REACT_APP_MODE=development。這樣，當透過即時重新載入運行前端程式碼時，它將調用在另一個連接埠上運行的 api 端點。然後運行npm run start。

我們現在可以存取 localhost:3000 並查看前端。正如您將看到的，api 端點將無法工作，因此讓我們轉到根資料夾並運行go run .. 請注意，我們需要在本地運行時允許跨域請求，因為它在另一個連接埠（連接埠8080 、前端為3000）。

在生產環境中運行時，它將在同一連接埠上運行，因為我們在使用 npm run build 建立前端程式碼（建立靜態檔案）後運行後端程式碼。順便說一句，我將程式碼部署到了 Google App Engine。

請查看此PR，其中我添加了一個新的api，用於動態獲取嫌疑人（當前是硬編碼的）並在前端調用該端點：https://github.com/artisanphil/suspect_recall/pull /4

預先感謝您對如何改進程式碼的任何評論，我將盡力回答您可能有的任何問題。

為了查看未來的進展，請觀看此儲存庫：https://github.com/artisanphil/suspect_recall

以上是跟著我一起踏上 Go 學習之旅的詳細內容。更多資訊請關注PHP中文網其他相關文章！