大家好,我是五竹。
前段时间用GPT开发了一款小程序:GPT真牛批!三天开发一个小程序,三天积累了2000+的用户,上周末抽空又接入了流量主,感兴趣的同学可以围观一下。
今天就来带大家走一遍用GPT开发一款小程序的全过程,尽管网上有很多博主都在宣传使用GPT可以快速开发网站、APP之类的文章,但真正去实现的却寥寥无几,我算得上第一人吧
一、先来说两点
1.GPT并不能直接输出成品,他只能生成代码,需要有一定编程基础的人对代码进行整合才能运行。
2.在这之前我从来没搞过小程序的开发,算是0基础,但不是纯小白,毕竟我的主业是一名Java程序员,非科班出身,就只会Java~
二、下面是开发全过程
1.先来简单学习一下
它简单的几句话就让我学习了整整一天。下载了开发工具,账号之前就有,然后看看了官方的小程序文档,熟悉了一些基本的语法,这里简单看看有个印象就行,后面可以边开发边学。
2.简单创建了一个demo项目。
注意,这里我创建的是云项目,借助了小程序的云开发,对于一个简单的小程序项目来说,就不用额外搭建后端了。
接着我让GPT讲解了一下Demo项目的构造,这个非常重要,万事开头难,能把Demo工程搞明白,接下来的开发就是照着葫芦画瓢。
3.开发第一个页面
先找了几个对标的小程序,直接将截图发送给GPT,利用GPT的识图功能来实现
总的来说,在功能开发方面非常牛逼,例如开发一个获取云端数据的方法,代码直接复制过来就能用,但是在UI方面有点弱,上面开发的UI效果基本不能使用,需要人工进一步引导。例如清楚的告诉当前页面有哪些控件(如,顶部Tab导航栏、图片列表)。
然后继续引导优化
接着就是获取图片列表数据的方法
至此,这个页面基本就开发的差不多了。第一个页面的开发有点费劲,尤其是UI开发的部分,大概花费了整整一个下午的时间。后来又发现了一个更好看的对标账号,把UI又重新开发了一遍,不过这次就很快了,1个小时左右就搞定了。
4.再来看一个复杂的功能开发
一个上传图片的功能。主要是给管理员用的,将本地图片上传到腾讯云存储(COS),然后将图片的链接及相关信息插入到小程序云数据库。
GPT第一次没有理解,于是我继续追问。
然后又加入了多张图片的上传,下面是最终的代码
开发这个功能,前后用了不到20分钟!就是这么的牛逼~
然后又开发了图片预览和更多页面,增加了图片删除和一些云控的方法。开发这款小程序总共用时也就3天的时间,当然小程序的功能本身就很简单,不过于我而言够用了。
三、经验分享
开发第一个页面的时候比较费时,慢慢就找到了感觉,后面开发效率直线上升,简单总结一下经验供大家参考。
1.学会拆分。无论是UI还是功能,拆分的越小,GPT完成的越好。比较费劲的就是UI开发,需要逐步优化,优化的时候注意要加上“基于以上的代码”,当然你对之前的代码不满意就不必了
2.不要把所有的开发都在一个对话框中完成,内容越多,GPT的记忆越差。为了页面后续的维护及功能扩展,每开发一个新页面尽量起一个新的对话框。
3.很多时候,我们要边开发边学习,学习的时候切记另外打开一个专门学习的对话框。
我是五竹,一位持续探索自媒体副业的大龄程序员。不算优秀,但贵在真实。咱们下篇见~