30 天來挑戰使用 Rust 和 Actix 框架,打造一個 QR Code 生成網站。這個網站可以讓使用者輸入連結,並生成相對應的 QR Code,可以自由設定 QR Code 的顏色、大小和格式。
整合測試 考慮到我們的 Web Server 有多個功能,例如產生 QR Code、驗證顏色碼、從地址獲取經緯度等,整合測試將確保所有這些部分能夠正確地一起工作...
在前兩篇文章中,我們分別示範了單元測試與整合測試,讓我們的 QR Code 的功能更加穩定。今天,我們將會展示如何利用 GitHub Action 自動執行這些...
Next.js 是一個極受歡迎的 React 框架,專為 Server Side Rendering(SSR)、Static Side Generation(S...
設定網站的 UI 新增完專案後,就可以開始建立這個網站的 UI 了,首先要看這個網站有哪些功能,然後來決定需要哪些畫面,這個網站目前有以下幾個功能: 選擇 Q...
這篇文章會介紹如何解決 CORS 問題,並且讓前端可以跟後端正常溝通。最後並且把 QR Code 的圖片顯示在前端。 什麼是 CORS 根據 Wikipedia...
什麼是 Axios Axios 是一個基於 Promise 的 HTTP 客戶端,可以用在瀏覽器和 Node.js 中,可以用在前端和後端,可以用來發送 HTT...
上一篇文章示範了如何使用 GET 方法去取得 PNG 的 QR Code,這一篇文章則是要示範如何使用 POST 方法去取得 PNG 的 QR Code,並且會...
前一篇文章示範了如何使用 Form 表單送出資料,不過這個表單並沒有做任何的驗證處理,例如:使用者沒有輸入資料、輸入的資料格式不正確等等,這些都是需要處理的,這...
現在當選擇類別後,不管輸入什麼文字,結果都可以送出表單,並且產生錯誤的 QR code,這樣並不是我們想要的結果,所以這篇文章將會示範如何設定正規表達式來驗證輸...
現在的頁面只有一個產生 SVG 的表單,不過我們還有一個比較簡單的產生 PNG 的表單還沒有做出來,但在做之前,我想先把目前的狀態使用狀態管理工具來管理,這樣之...