为你的应用程序设计系统架构可能是一项艰巨的任务，特别是当你是软件开发的新手，或者你不确定你所采取的方法是否正确。幸运的是，在ChatGPT的帮助下，你可以简化和精简设计系统架构的过程。在这篇文章中，我们将探讨ChatGPT如何协助你设计系统架构，并强调其主要功能。
如果你喜欢视频格式：
了解系统架构
在我们深入了解ChatGPT的东西之前，必须了解什么是系统架构。系统架构是设计和建立一个软件系统的过程，将其分解成较小的组件，然后定义这些组件如何相互作用。它涉及到有关系统结构和行为的决定，以及各个组件如何一起工作以实现预期的结果。
我请ChatGPT来帮忙
当涉及到系统架构时，我通常对它应该如何运作有一个想法。最近，我开始开发我的第一个浏览器扩展，所以我决定用ChatGPT来验证我对它的架构的想法。我决定开始设计前端、后端和数据库之间的通信。与同一用户的其他设备进行数据的实时同步。
我惊讶地看到，首先，ChatGPT详细地理解了我的想法和架构，其次，它强调了我的方法的优点和缺点，比如扩展WebSocket服务器的额外复杂性和增加的资源使用，以及Postgres和IndexedDB之间潜在的数据同步问题。
另外，ChatGPT还帮助我生成了各种表示系统架构的图表，比如使用PlantUML（图为代码）的序列图。序列图是一个显示用户提出请求时，从前端到后端再到后端的动作顺序的图。
看看就知道了：
@startuml
!define AWSPUML https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v14.0/Legacy/
actor User
participant "Frontend\n(Svelte)" as Frontend
database "IndexedDB\n(Dexie.js)" as IndexedDB
participant "Backend\n(Node.js, Prisma)" as Backend
database "PostgreSQL" as PostgreSQL
User -> Frontend: Update user data
Frontend -> IndexedDB: Save updated data
Frontend -> Backend: Send WebSocket message with updated data
Backend -> PostgreSQL: Validate and save updated data
Backend -> Backend: Broadcast updates to other devices
loop Other Connected Devices
Backend -> Frontend: Send WebSocket message with updates
Frontend -> IndexedDB: Update data
Frontend -> User: Update UI
end
@enduml
这是由PlantUML生成的图片：
是不是很美？
提示的最佳实践
使用ChatGPT来协助你设计系统架构是很容易的。只需向ChatGPT详细描述你的架构和要求，它就会为你提供见解、建议和备选方案。为了从ChatGPT获得最准确的反馈和建议，提供尽可能多的细节是很重要的。
在生成图表时，如序列图，向ChatGPT提供必要的信息，以准确表达系统结构。例如，如果您使用WebSockets在多个设备上同步数据，在向ChatGPT描述架构时一定要提到这一点。
专业提示：使用GPT-4作为GPT-3.5-turbo的更聪明的兄弟，以获得更好的效果你的明显的队长 :)
结论
ChatGPT通过强调我的想法的潜在缺点，帮助我在扩展的MVP阶段避免了不必要的复杂性。我相信如果你是软件开发的新手，或者不确定你的方法是否正确，ChatGPT可以成为指导你完成这一过程的宝贵资源。
