为您的下一个 Web 应用程序选择正确的技术堆栈:综合指南
构建 Web 应用程序涉及选择正确的技术组合 - 您的技术堆栈。 这个选择至关重要,因为以后改变它可能很困难。本指南将引导您完成整个过程,探索流行的堆栈,然后从头开始构建一个堆栈,然后进行实用的简化。
了解技术堆栈
经典的 LAMP 堆栈(Linux、Apache、MySQL、PHP)出现于 90 年代末。 如今,构建变得更加容易,但由于可用工具丰富,选择也更加复杂。 技术堆栈由三个主要部分组成:
-
前端: 处理用户界面 (UI)。这通常涉及 JavaScript 框架(或用于移动应用程序的本机 iOS/Android,或 Flutter 等跨平台工具)。
-
后端:包括服务器端运行时(例如 Node.js、Python)、用于数据存储的数据库,通常还包括云服务提供商。
-
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中文网其他相关文章!