rust react typescript demo
1.0.0
ที่เก็บนี้มีรหัสตัวอย่างสำหรับซีรี่ส์การเรียนรู้การเขียนโปรแกรม YouTube ของฉันเกี่ยวกับการเกิดสนิม, React, typeScript, Docker, Terraform และ Kubernetes สำหรับโครงการนี้เรากำลังสร้าง Foodi เครื่องมือบันทึกอาหาร
โครงการนี้มีวัตถุประสงค์เพื่อเป็นตัวอย่างและสามารถใช้เป็นแผ่นหม้อต้มสำหรับการเริ่มต้นโครงการของคุณเอง นอกจากนี้คุณยังสามารถดูวิดีโอเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการสร้าง (ส่วนใหญ่การทดลองและข้อผิดพลาดเช่นหลายสิ่งหลายอย่างในชีวิต?)
repo นี้มีคุณสมบัติดังต่อไปนี้:
คุณสามารถค้นหาวิดีโอบน YouTube ด้านล่าง:
ในซีรีส์เรากำลังสร้าง Foodi เครื่องมือบันทึก/ติดตามอาหารบนเว็บ
ในการสร้างแบ็กเอนด์สนิมคุณจะต้องติดตั้ง Rust Nightly Build ด้วย Rustup ก่อนอื่นไปที่ https://rustup.rs/ และติดตั้ง Rustup จากนั้นติดตั้งสนิมทุกคืน:
$ rustup default nightly
...เมื่อคุณติดตั้งการสร้างยามค่ำคืนคุณสามารถสร้างแบ็กเอนด์
$ cd foodi-backend
$ cargo build
... ในการสร้างสคีมาฐานข้อมูลเริ่มต้นให้เรียกใช้สคริปต์การย้ายถิ่นโดยใช้ sqlx :
$ cargo install sqlx-cli
...
$ sqlx migrate run
...สุดท้ายคุณสามารถเรียกใช้เซิร์ฟเวอร์แบ็กเอนด์:
$ cargo run ในการสร้างและเรียกใช้สินทรัพย์ส่วนหน้าและเซิร์ฟเวอร์คุณจะต้องติดตั้ง Node.js และเส้นด้ายเวอร์ชันล่าสุด การใช้ homebrew บน macOS คุณสามารถติดตั้งด้วย homebrew:
$ brew install yarn
...ติดตั้งแพ็คเกจส่วนหน้าโดยใช้เส้นด้าย:
$ cd foodi-frontend
$ yarn install
... ใช้ parcel เพื่อเรียกใช้เซิร์ฟเวอร์การพัฒนาส่วนหน้า:
$ parcel index.html
... สมมติว่าคุณติดตั้ง Docker ให้เรียกใช้คำสั่ง build จากระดับบนสุดของ repo:
$ docker build . -t foodi:latest
...เมื่อบิลด์เสร็จสมบูรณ์ให้เรียกใช้คอนเทนเนอร์และแมปพอร์ต 80 จากภายในคอนเทนเนอร์ไปด้านนอกคอนเทนเนอร์บนพอร์ต 8080 (บนเครื่องโฮสต์ของคุณ):
$ docker run -p 8080:80 foodi:latest
... - ตอนนี้คุณสามารถเปิด http://localhost:8080/ ในเบราว์เซอร์ของคุณและทดสอบแอพ
