極簡高并發秒殺商城

• 版本 M.0.0 運行效果圖
• • 登錄和注冊
  • 商品界面
  • 購買界面
  • 訂單界面
• 技術內幕
• • 總括
• 源代碼

??這是一款極簡高并發秒殺商城項目。本項目偏向于后端。之所以說“極簡”，是因為本項目的前端界面沒有豐富炫酷的商品界面，目前就只有三個各具特色的商品，只是意思一下，用于充當實際種類繁多的商品。

??麻雀雖小，五臟俱全。雖然本項目做得很簡單，但已包含高并發秒殺項目的基本功能。項目代碼已在 GitHub 上開源免費發布，作者將對此項目提供持續更新與維護。本項目的源碼分為前端和后端兩個部分，GitHub 源碼地址將在文末給出。

---

版本 M.0.0 支持的功能：（以用戶的角度）

前后端分離，前端使用 React，后端使用 Spring Boot，它們之間通過 Nginx 進行交互。凡是涉及請求頁面的，由 React 路由處理，不經由 SpringBoot，可以有效減輕后端負擔

支持注冊、登錄、顯示商品列表、商品詳情、購買秒殺、訂單列表功能

支持對用戶每個請求之前的身份校驗以及保持用戶登錄狀態

使用 MySQL 保存用戶的注冊信息、訂單、商品列表等

使用 Redis 緩存熱點數據、實現分布式鎖

使用 RabbitMQ 對用戶秒殺請求進行削峰處理

提供柔和自動漸變的背景顏色。但當用戶進入秒殺界面時，背景顏色會變化得很快

---

版本 M.0.0 運行效果圖

登錄和注冊

商品界面

購買界面

訂單界面

技術內幕

——2022年3月29日

總括

??本項目是一款前后端分離的極簡高并發秒殺商城項目。

---

??前端使用 React、Semi Design 編寫，其中，凡是涉及與數據庫無關的靜態頁面的請求，均是由 React 路由來完成跳轉，而不涉及對后端的請求依賴。前端使用的全是函數式組件（React Hooks），組件底層使用的是最近興起的 Semi Design，也有部分使用的是 HTML、React 的原生組件。對后端發出的異步請求使用的是 Axios。

??當用戶瀏覽商品時，屏幕的背景顏色會發生柔和漸變。但當用戶進入秒殺界面時，背景顏色會變化得很快。

---

??后端使用 Spring Boot 內置 Tomcat 來接收來自前端的請求，其中，這些來自前端的請求是通過 Nginx 反向代理傳入 Spring Boot 中的。每當用戶登錄時，后端會將用戶信息緩存至 Redis，然后向前端反饋一個 Cookie 來記錄本次的 Session。每當用戶進入必須要先登錄才能進入的界面時，后端會通過 Spring Boot 攔截器檢查用戶的 Session，如果 Session 存在且有效，后續的操作才能進行。

??對于秒殺請求，后端會為本次請求生成一個 ID，存入 Redis 中，并將本次請求推入 RabbitMQ 中，然后將此 ID 反饋給前端。前端在得到此反饋 ID 后，會定期詢問秒殺結果，直到查詢結果已落定。請求在 RabbitMQ 中秒殺成功，會將結果寫入 Redis，便于前端快速查詢。此外，后端還會將其它各種熱點數據寫進 Redis 中，如商品的秒殺結束狀態、商品的剩余數量等。

---

源代碼

??已上傳至 GitHub，歡迎技術上的交流指點：

• 前端：https://github.com/wangpaiorg-seckill/seckill-frontend
• 后端：https://github.com/wangpaiorg-seckill/seckill-backend

總結

以上是生活随笔為你收集整理的极简高并发秒杀商城的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。