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/在浏览器中测试应用程序。