如何像真正的专业人士一样过度设计网站？

为您的下一个 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中文网其他相关文章！