Rust x React
終於到最後一天了，看到這篇文章覺得很有趣，所以今天我們來玩一下 Rust 跟 React 的結合吧！
開始專案首先我們先建立一個新的專案，這邊我們使用 create-react-app 來建立一個新的專案，並且使用 yarn 來安裝相依套件。
123$ yarn create react-app rust-react$ cd rust-react$ yarn
建立 Rust接下來我們在專案中建立一個 Rust 的 library：
1$ cargo new wasm-lib --lib
然後會在專案中看到一個 wasm-lib 的資料夾，裡面會有一個 src 資料夾，裡面會有一個 lib.rs 的檔案，這個檔案就是我們的 Rust library。
因為我們預計想要做一個可以點擊加減的按鈕，然後回傳計算結果，所以我們可以在 lib.rs 中加入：
12345678pub fn calculator(a: i32, b: i32) -> i32 { a + b}#[test]fn cal_test() { assert_eq!(1 + ...
用 Rust 來寫前端 - Yew
今天是我們一起學習 Rust 的第 29 天了，前面我們玩了很多後端的東西，今天我們來玩一下前端的東西吧！
WebAssembly在開始之前，想先介紹一下 WebAssembly，它是一種可以在瀏覽器中執行的程式語言，它可以讓我們在瀏覽器中執行非常複雜的程式，而且它的執行速度也非常快，所以我們可以在瀏覽器中執行一些比較複雜的運算，而不會影響到瀏覽器的體驗。
YewYew 是一個可以讓我們在 Rust 中使用 WebAssembly 的框架，它可以讓我們在 Rust 中撰寫前端的程式，並且可以編譯成 WebAssembly，讓我們在瀏覽器中執行。
安裝 Yew那麼我們要如何使用 Yew 來開發前端的程式呢？按照官網的指示，我們要先安裝以下的東西：
WebAssembly1$ rustup target add wasm32-unknown-unknown
Trunk1$ cargo install trunk
開新專案1$ cargo new yew-demo
然後在 Cargo.toml 中加入以下的內容：
12[dependencies]yew = "0.19&quo ...
來玩 Rust 的框架吧！ - Rocket - Part III
我們今天要來做 Auth，一個基本的身分驗證功能，不想要讓任何人都可以隨便使用我們的 API。
安裝套件因為我們驗證的處理會使用到 base64 編碼，所以首先我們先在 Cargo.toml 加入 base64 這個 crate。
12[dependencies]base64 = "0.13"
由於目前 main.rs 中的 code 有點多，所以我們另外開一個檔案來處理。直接在 src 資料夾下新增一個 auth.rs 檔案，並且在 main.rs 中加入 mod auth;。
在 auth.rs 中我們先來定義一個 BasicAuth 的 struct，並且在裡面定義一個使用者名稱和密碼的欄位。
1234pub struct BasicAuth { username: String, password: String,}
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455use ...
來玩 Rust 的框架吧！ - Rocket - Part II
昨天我們用已經用 Rocket 建立了一個 server，並且可以接收回傳 JSON，今天就來了解一下怎麼使用 Rocket 建立一個 RESTful API。
RESTful API我們會建立一個簡單的 Restful API 的範例，分別會用到 GET、POST、PUT、DELETE 這四個 HTTP method，接下來我們就來看看怎麼實作。
分別建立以下的函式，這邊使用 #[get]、#[post]、#[put]、#[delete] 來指定 HTTP method：
123456789101112131415161718192021222324#[get("/demo")]fn get_demo() -> Value { json!([{ "id": 1, "name": "Bucky" }, { "id": 2, "name": "Tom" }])}#[get(&qu ...
來玩 Rust 的框架吧！ - Rocket - Part I
今天開始我們將會開始使用 Rust 的 Web 框架 – Rocket，來建立一個簡單的 Web Server。
Rocket 是什麼？簡單介紹一下 Rocket，Rocket 是一個基於 Rust 語言的一個 Web 框架，截止目前為止在 GitHub 上一共有 18.6k 的星星數。
Rocket 的設計靈感來自於 Ruby on Rails、Flask等知名的 Web 框架，並且在設計上有著類似的特性，並以 3 個核心概念來設計：
安全、正確，還有重視開發者體驗。
所有的請求都會由 Rocket 來處理型別。
不強制使用 Rocket 的函式庫，可以讓開發者自由選擇。
然後個人覺得 Rocket 的文件寫的非常的完整，算是蠻適合新手入門的一個框架。
從 Hello World 開始那麼我們就從一個簡單的 Hello World 開始，首先我們先建立一個 binary-based 的新專案：
1$ cargo new --bin rocket-server
安裝 Rocket在 Rust 安裝套件非常容易，只要在 Cargo.toml 裡面 [dependencies] 的下方 ...
來用 Rust 建立一個伺服器吧！Part IV
昨天我們新增了一個檔案，專門來做執行緒池的部分，但還沒完成，所以今天就接著繼續完成。
建立執行緒池的儲存空間首先我們要建立一個儲存執行緒的空間，這個空間會儲存所有的執行緒，然後我們可以從這個空間取出執行緒來使用。
12345678910111213141516171819202122use std::thread::JoinHandle;pub struct ThreadPool { threads: Vec<JoinHandle<()>>,}impl ThreadPool { pub fn new(size: usize) -> ThreadPool { assert!(size > 0); let mut threads = Vec::with_capacity(size); for _ in 0..size { // 產生執行緒並儲存至向量 } ThreadPool { t ...
來用 Rust 建立一個伺服器吧！Part III
在開始建立多執行緒伺服器之前，我們先來模擬一下單一執行緒伺服器會遇到的問題。
模擬請求問題直接上 code 吧！
123456789101112131415161718use std::thread; // 引入 thread 模組use std::time::Duration; // 引入 Duration 模組// 省略...fn handle_connection(mut stream: TcpStream) { // 省略... let delay = b"GET /delay HTTP/1.1\r\n"; let (status_line, path) = if buffer.starts_with(get) { ("HTTP/1.1 200 OK", Path::new("./src/HTML/hello.html")) } else if buffer.starts_with(delay) { thread::sleep( ...
來用 Rust 建立一個伺服器吧！Part II
昨天我們成功讀取了 request，今天就繼續接著做，首先來處理發送 response 的部分。
發送 response我們可以利用 TcpStream 的 write 方法來發送 response：
1234567891011fn handle_connection(mut stream: TcpStream) { let mut buffer = [0; 512]; let c = stream.read(&mut buffer).unwrap(); println!("請求內容: {}", String::from_utf8_lossy(&buffer[..c])); let response = "HTTP/1.1 200 OK\r\n\r\n"; stream.write(response.as_bytes()).unwrap(); stream.flush().unwrap();}
這裡我們先宣告了一個 response 變數，裡面放的是一個 ...
來用 Rust 建立一個伺服器吧！Part I
從今天開始，我們要開始實作一個簡單的 HTTP 伺服器，並且複習一下並且運用我們之前學到 Rust 的知識，然後視情況加入一些需要了解的部分，到時候再加入解說，那麼就開始吧！
建立一個新專案首先，我們要建立一個新的專案，這邊我們使用 cargo 來建立一個新的專案，使用 cargo new 指令，並且指定專案名稱為 server：
1$ cargo new server
監聽 TCP 連線接著，我們要開始實作一個 TCP 伺服器，並且監聽 TCP 連線。Rust 的標準函式庫中有一個 std::net 模組，裡面有一個 TcpListener 型態，可以用來監聽 TCP 連線，所以我們可以先在 src/main.rs 中 使用 TcpListener：
12345678910111213use std::net::TcpListener; const PORT: i32 = 3000; fn main() { let listener = TcpListener::bind(format!("127.0.0.1:{}", POR ...
Rust 的模組
因為我們明天將會開始試著建立一個專案來玩玩看，但在此之前我們要先了解一下模組的概念。
什麼是模組（module）？在使用 Cargo 建立的專案中，會像下方這樣，所有程式都需要經由 main 來做處理。但是我們當然不可能把所有邏輯都寫在同一個檔案中，這樣子會非常難維護。
1234project|__Cargo.toml|__src |__main.rs
所以我們可以透過模組化的方式來管理專案，最後再經由 main 來處理。我們來做一個示範，首先在 /src 路徑下新增一個 lib.rs，裡面我們建立一個函式 say_hi， 裡面我們寫了一段程式來印出 “Hi!”。
123fn say_hi() { println!("Hi!");}
接著在 main 裡面引入剛剛建立的 say_hi。寫法是先寫這個專案的名字（不是這個專案資料夾名字，而是指 Cargo.toml 裡面的 package name），這個專案的名稱是 hello_world，接著加上一個標識符 ::，最後再加上要引入的函式名稱即可，就像下方範例：
123fn main() ...
