如何用 ChatGPT 一句话生成 Web 应用？

news2024/11/18 23:27:52

原型系统的开发对很多不会编程的人来说，原本确实是一道门槛，而且看似难以逾越。而现在，障碍突然间就消失了。

插件

ChatGPT 现在有了一个内容比较丰富的插件系统，而且 Plus 用户已经不再需要填表申请后漫长等待，直接就可以使用了。

ChatGPT 插件系统现在已经有一百多款插件。前些日子要想找某个插件，你只能一页一页地翻。每一页上有 8，当时一共 150 多个插件，所以你运气不好的话，可能得翻上十几二十页，才能找到想要的插件。

现在好了，ChatGPT 提供了一个插件搜索框。我今天推荐的这款插件，你直接的在插件商店里面搜索名称就能找着了。

我给你演示的这个插件，叫做 DeployScript。它是做什么的呢？

它的图标下面介绍言简意赅，说是 DeployScript 可以帮助你来创建 web 应用。可是如果编写 Web 应用代码，ChatGPT 本身就可以啊。不管是 Python，Javascript 还是 HTML，ChatGPT 都认识。为什么还需要一个插件呢？

我第一次安装 DeployScript 插件后，用邮箱开通帐号。然后 DeployScript 给我发了邮件。

根据官方介绍，它能够让你「通过对话方式来创建 Web 应用」。我看了还是觉得疑惑 ——ChatGPT 本身就是个对话机器人啊，之前编程不也是对话式吗？

尝试

一头雾水之下，我干脆尝试一下这个插件的功能。我说：

你给我做一个计算器应用，谢谢

于是，DeployScript 就开始工作了 ——ChatGPT 在调用插件的时候，一般不会显示细节。如果你希望看具体的操作步骤，可以点击上图中调用过程右侧向下箭头。

你会看到 DeployScript 首先创建资源，然后给咱们的新应用分配了唯一的标识符。

之后 DeployScript 给这个标识符对应的空间创建 index.html` 文件，也就是应用程序的入口页面。

DeployScript 往页面里面写了一堆 HTML 代码，上面还有 计算器 这样的中文字符作为标题。

ChatGPT 一共调用 4 次 DeployScript 插件，之后告诉我说它已经创建了一个计算器应用，你可以通过这个链接访问。

我突然明白过来了，什么叫做「对话式开发一个 Web 应用」。原来插件的功能不仅仅是编写应用的源代码，还直接提供了一个网络上的托管空间，而且部署完毕后还能返回应用地址。

界面是有了，它真的能执行吗？我试了试，加减乘除一应俱全，还能清空计算结果😂

我把应用地址放在这里，你只需要一点击就可以直接的执行这个应用。

开发一个计算器着实不难。对于编程来说，这是不能再简单的基础操作。可问题是用一句自然语言，便把所有的操作部署细节全都包裹起来搞定，然后提供一个可用的应用链接，这个事儿我倒是第一次遇到。我一时间有些恍惚。DeployScript 的 Slogan 听起来怎么都像吹牛，没想到却是真的。

人苦于不知足。既然现在 DeployScript 能够做简单的计算器应用，那它是不是还能干点儿更复杂的事儿？我的好奇心一下子就被勾起来了。

进阶

这学期我在讲《信息系统开发》这门课。学生比较头疼的阶段是最后的开发，主要是指编程。他们应对前面的规划、分析、设计阶段，绘图写报告都行，但一遇见编程就烦躁。于是我就在想，有没有可能输入需求，直接生成一个可执行的在线应用？

试试呗。我的提示语为：

请帮我做个二手书交易应用。中文界面。上面放两本书，一本是 “C 语言入门”，定价 59 元；一本是 “Python 语言入门”，定价 69 元。用户可以选择放入购物车和购买。选择放入购物车，则显示购物车内容以及总价。选择购买，则直接进入购买页面，提供支付宝购买选项。其他细节根据你自己的经验来进行设计，谢谢

注意最后这一句「根据你自己的经验」，意味着对于没有提及的细节之处，我干脆撒手不管了。这样一来，没描述到的地方该怎么处理？ChatGPT 你对于编程语言的见识远远比绝大多数程序员都丰富，我相信你，根据经验来评判就好，哈哈。

你看，ChatGPT 调用 DeployScript，兢兢业业开始执行。不一会儿它就宣布应用创建好了。

且慢点击，ChatGPT 还专门在后面加了一页儿，告诉我这个应用的功能，另外还有一些说明。这个说明非常有意思。

ChatGPT 说这是一个前端的页面，没有后端支持。你购物车如果一刷新页面，之前的选择就都没了。另外也没法给用户提供真正的支付选项，只会弹出一个提示框，告诉你跳转到支付宝付款。

毕竟我的需求描述就那么一段话，咱还能挑拣啥呢？再说我也没有指定支付宝连接的相关信息，所以当然不能指望 ChatGPT 知道如何帮我真正进行跳转支付。

ChatGPT 补充说，如果你需要更多的功能或者支持，可以告诉我。很有售后服务意识，对吧？

于是我就打开链接来试一试，这是测试的结果。

你看两本书显示这儿，「加入购物车」按钮一点选，购物车里会添加对应内容，并且自动统计总价。

这里是它的支付页面，如前所述只是一个提示框，咱们就不多介绍了。

你短短的几句话，这个应用的原型就已经创作完成了，而且可以直接用链接分享给用户，征求意见获得反馈。

思考

测试的结果，引发了我的一些思考。

对于学习系统开发的学生来说，DeployScript这样的插件出现，无疑是个好事儿。它是一种赋能，可以让开发过程更加流畅快捷。而对那些从来没有接触过编程的人来说，意味着什么呢？他们可以完全不用去学习编程，就做出一个原型系统。注意，我说的是原型系统，它注定无法成为一个真正上线的实际应用。但如果你能够通过一个原型系统快速验证想法，那么后续完全可以找专业的公司和开发团队合作，把这个有价值的点子转化成为广受欢迎的应用。原型系统的开发对很多不会编程的人来说，原本确实是一道门槛，而且看似难以逾越。而现在，障碍突然间就消失了。

不过作为老师，我的感受要复杂许多。我隐隐感受到了挑战的来袭。从前如果学生问我「老师，为什么我要学编程」我会告诉他，「如果你不学编程，怎么能开发系统呢？」但是现在如果学生拿着这个 ChatGPT 插件例子来问我说「老师，我现在和它对话，就可以做一个 Web 应用，那我还要不要学编程了？」

这个问题，容我仔细思考一下。

ChatGPT 的 DeployScript 插件就为你介绍到这里。希望对于你快速开发原型系统、收集用户反馈以验证想法能有帮助。

祝（对话式）Web 编程愉快！

点赞 +「在看」，转发给你身边有需要的朋友。收不到推送？那是因为你只订阅，却没有加星标。

欢迎订阅我的小报童付费专栏，每季度更新不少于10篇文章。目前价格优惠。