后端开发教程 - Java、Spring Boot 实战 - msg200.com
GPT Web App Generator - 让 AI 根据您的描述创建全栈 React 和 Node.js 代码库 🤖🤯
这个项目最初只是个实验——我们想知道，只要给出一个简短的描述，GPT 能否用 React 和 Node.js 生成一个全栈 Web 应用。结果超出了我们的预期！
工作原理
使用GPT Web App Generator只需用简单的英语简短描述您的应用创意即可。您还可以选择应用的品牌颜色和首选的身份验证方式（更多方式即将推出）。
就是这样 - 只需几分钟，一个用 React、Node.js、Prisma 和 Wasp 编写的全栈 Web 应用程序代码库就会在您面前生成，您可以下载、在本地运行并使用单个 CLI 命令进行部署！
点击此处查看生成有关海龟博客的完整一分钟演示：
支持我们！🙏⭐️
如果您想表达对我们正在做的事情的支持，请考虑在 Github 上给我们一个星星！我们在 Wasp 所做的一切都是开源的，您的支持激励着我们，并帮助我们继续让 Web 应用开发变得更简单，减少样板代码。
堆栈📚
除了 React 和 Node.js，GPT Web App Generator 还使用Prisma和Wasp。
Prisma是一个基于 PostgreSQL 构建的类型安全数据库 ORM。它可以轻松处理数据模型和数据库迁移。
Wasp是一个功能齐全的 React 和 Node.js 全栈框架。它负责处理从前端到后端、数据库的所有事务，以及身份验证、发送电子邮件、异步任务、部署等。
此外，GPT Web App Generator 背后的所有代码都是完全开源的：Web 应用程序、GPT 代码代理。
我可以使用它构建什么样的应用程序？
⚠️ 注意：
由于这是一个基于 GPT 的项目，其输出并非 100% 确定，生成的代码中有时会出现一些小错误。对于典型的 Web 应用示例（如下所示），这些错误通常非常小，易于修复。如果您遇到问题，请在 Discord 上联系我们。
生成的应用程序是全栈的，包含前端、后端和数据库。以下是我们成功创建的一些示例：
我的植物 - 追踪植物的浇水时间表🌱🚰
- 在此处查看生成的代码并自行运行
这款应用名副其实——确保你按时给植物浇水！它配备了功能齐全的前端、后端以及包含用户和植物实体的数据库。它还具有全栈身份验证（用户名和密码）和基于 Tailwind 的设计。
下一步将添加更多高级功能，例如在需要给植物浇水时发送电子邮件提醒（通过Wasp 电子邮件发送支持）。
您可以查看和下载整个源代码并添加更多功能并自行部署应用程序！
ToDo 应用 - 经典✅
- 在此处查看生成的代码并自行运行
如果这个演示不包含 ToDo 应用，那会是什么样子呢？GPT Web App Generator 成功地搭建了 ToDo 应用，并实现了所有基本功能——创建任务并将任务标记为已完成。
有了基础（全栈代码、身份验证、Tailwind CSS 设计），您可以在此处查看和下载代码并亲自尝试！
限制
为了降低复杂性并减少 GPT 所犯的错误，对于 Generator 的第一个版本，我们对生成的应用程序设置了以下限制：
- 无需额外的 npm 依赖项。
- 除了 Wasp Pages（React）和 Operations（Node）之外，没有其他文件。因此，没有包含 React 组件、CSS、实用 JS、图片或类似内容的额外文件。
- 没有 TypeScript，只有 Javascript。
- 没有高级 Wasp 功能（例如 Jobs、Auto CRUD、Websockets、Social Auth、电子邮件发送等）。
总结和后续步骤
如上所述，我们的目标是测试 GPT 能否有效地用于生成 React 和 Node.js 的全栈 Web 应用程序。虽然目前看来 GPT 确实可以实现，但我们对新功能和改进还有很多想法。
挑战
虽然我们原本以为主要问题在于 GPT 所包含的上下文规模，但事实证明，更大的问题在于它的“智能”，这决定了它的规划能力、遵循指令的能力（我们观察到它有时会忽略我们的指令，笑得不亦乐乎），以及避免犯低级错误的能力。我们发现 GPT4 的结果比 GPT3.5 更好，但两者仍然会犯错误，而且 GPT4 也相当慢/昂贵。因此，我们对人工智能/法学硕士 (LLM) 领域的进一步发展充满期待，因为它们将直接影响像我们的生成器这样的工具的输出质量。
下一个功能愿望清单
- 获取有关此初步实验的反馈 - 包括有关 Generator 和 Wasp 作为框架本身的反馈：给我们留下反馈的最佳地方是我们的 Discord。
- 进一步改进代码代理和网络应用程序。
- 发布新版 wasp CLI，允许通过 CLI 提供简短描述来生成新的 Wasp 项目。我们的代码代理将使用 GPT 在磁盘上生成项目。该版本已准备就绪，即将发布。
- 还允许 Wasp 用户使用代码代理来搭建 Wasp 应用的特定部分 → 您想添加一个新的 Wasp 页面 (React) 吗？通过 Wasp CLI 或 Wasp vscode 扩展运行我们的代码代理，我们会为您生成已实现初始逻辑的代码代理。
- 随着 LLM 的进展，尝试一些替代方法，例如尝试使用有关 Wasp 的知识对 LLM 进行微调，或者在生成文件和部分代码库时给予 LLM 更多的自由。
- 撰写一篇详细的博客文章，介绍我们如何实现生成器、我们使用了哪些技术、如何设计提示、什么有效、什么无效等。
支持我们！⭐️
如果您想表达对我们正在做的事情的支持，请考虑在 Github 上给我们一个星星！我们在 Wasp 所做的一切都是开源的，您的支持激励着我们，并帮助我们继续让 Web 应用开发变得更简单，减少样板代码。
