rust react typescript demo

生鏽反應型示例

該存儲庫包含有關我的YouTube編程學習系列的演示代碼，內容涉及React，React，打字稿，Docker，Terraform和Kubernetes。對於這個項目，我們正在創建餐點伐木工具Foodi 。

該項目旨在作為一個例子，可以用作啟動自己項目的樣板。您還可以觀看視頻，以了解有關其構建方式的更多信息（主要是反複試驗，就像生活中的很多事情一樣？）。

此存儲庫具有以下功能：

• 生鏽，火箭和基於SQLX的後端
• React，MOBX和基於打字稿的前端
• 前端包裝的包裹
• 帶有前端和後端的Docker圖像多合一
• Terraform在GCP上管理GKE群集
• Kubernetes在GKE上表現出來

您可以在下面的YouTube上找到視頻：

• ？第1部分
• ？第2部分
• ？第3部分
• ？第4部分
• ？第5部分
• ？第6部分
• ？第7部分

在該系列中，我們正在構建Foodi ，這是一種基於網絡的膳食記錄儀/跟踪工具。

編譯Rust後端服務器

為了構建生鏽的後端，您需要用Rusup安裝Rust Nightly Build。首先，轉到https://rustup.rs/並安裝Rustup。然後，每晚安裝Rust：

$ rustup default nightly
...

安裝了夜間構建後，您可以構建後端。

建立後端

$ cd foodi-backend
$ cargo build
...

運行數據庫遷移腳本

要創建初始數據庫模式，請使用sqlx運行遷移腳本：

$ cargo install sqlx-cli
...
$ sqlx migrate run
...

構建後端服務器

最後，您現在可以運行後端服務器：

$ cargo run 

運行前端服務器

要構建和運行前端資產和服務器，您將需要安裝Node.js和紗線的最新版本。在MacOS上使用Homebrew，您可以與Homebrew一起安裝：

$ brew install yarn
...

安裝軟件包依賴項

使用紗線安裝前端軟件包依賴項：

$ cd foodi-frontend
$ yarn install
...

運行前端服務器

使用parcel運行前端開發服務器：

$ parcel index.html
... 

構建並運行Docker圖像

假設您已經安裝了Docker，請從回購的頂級運行構建命令：

$ docker build . -t foodi:latest
...

構建完成後，運行容器，並將端口80從容器內部映射到端口8080（在主機機上）的容器外部：

$ docker run -p 8080:80 foodi:latest
...

？現在，您可以打開http://localhost:8080/在瀏覽器中測試應用程序。