如何像真正的專業人士一樣過度設計網站？

為您的下一個 Web 應用程式選擇正確的技術堆疊：綜合指南

建立 Web 應用程式涉及選擇正確的技術組合 - 您的技術堆疊。 這個選擇至關重要，因為以後改變它可能很困難。本指南將引導您完成整個過程，探索流行的堆棧，然後從頭開始建立一個堆疊，然後進行實用的簡化。

了解技術堆疊

經典的 LAMP 堆疊（Linux、Apache、MySQL、PHP）出現於 90 年代末期。 如今，建置變得更加容易，但由於可用工具豐富，選擇也更加複雜。 技術堆疊由三個主要部分組成：

1. 前端： 處理使用者介面 (UI)。這通常涉及 JavaScript 框架（或用於行動應用程式的本機 iOS/Android，或 Flutter 等跨平台工具）。
2. 後端：包含伺服器端執行時間（例如 Node.js、Python）、用於資料儲存的資料庫，通常還包括雲端服務供應商。
3. API： 連接前端和後端。這些可能是客製化的（REST、GraphQL）或第三方服務（Stripe、Twilio、SendGrid）。

熱門科技堆疊

流行的堆疊包括 MEAN（MongoDB、Express、Angular、Node.js）、MERN（MongoDB、Express、React、Node.js）及其變體。 StackShare.io 是一個有用的資源，可以幫助您了解成功的公司使用了哪些技術。

建立您自己的技術堆疊（過度設計的範例）

讓我們為大型 Web 應用程式建立一個假設的技術堆疊，無論複雜程度如何，優先考慮最新技術。

前端架構

假設一個主要基於 Web 的應用程序，具有未來移動擴展的潛力：

• 語言： TypeScript（用於可擴展性和可靠性）。
• 框架： React（為了流行和 React Native 相容性）。
• 狀態管理： Redux（很受歡迎，但以樣板代碼而聞名）。
• 樣式：Tailwind CSS（速度）、SASS（預處理器）和 PostCSS（最佳化）。
• 捆綁： Webpack（流行，但複雜）。

後端架構

• 資料庫： MySQL（關係型，用於處理複雜關係，但可能不如 NoSQL 選項可擴充）。
• 快取資料庫： Redis（為了速度）。
• 伺服器端運行時： Node.js。
• 框架： NestJS（TypeScript 支援）。
• ORM： TypeORM。
• 網路伺服器： Nginx。

部署與基礎架構

• 容器化： Docker。
• 編排： Kubernetes。
• 雲端供應商： Amazon Web Services (AWS)。
• 基礎設施即程式碼： Terraform。
• 版本控制： GitHub 以及用於 CI/CD 的 GitHub Actions。

API 與第三方服務

• API： GraphQL 與 Apollo。
• 付款：條紋。
• 驗證： Auth0。
• 影像分析： Amazon Rekognition。
• 簡訊： Twilio。

簡化技術堆疊：「Petite Fire Stack」

以上內容可能過於複雜。 更簡單、更實用的方法是：

• 前端：純 HTML、Petite Vue（輕量級）、Bootstrap（用於 CSS）。
• 後端： Firebase（處理資料庫、驗證和無伺服器功能）。

這個簡化的堆疊優先考慮易於開發和快速原型設計。 CI/CD 可以根據需要稍後添加。

結論

選擇技術堆疊需要仔細考慮專案需求和可擴展性。 應避免過度設計。 優先考慮使用者友善的體驗，並選擇有效支援該目標的技術。 「Petite Fire Stack」展示了簡單有效的堆疊是可以實現的。

領英 | 中 | 藍天

以上是如何像真正的專業人士一樣過度設計網站？的詳細內容。更多資訊請關注PHP中文網其他相關文章！