手把手用GPT开发小程序全流程！就是这么easy~

大家好，我是五竹。

前段时间用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.很多时候，我们要边开发边学习，学习的时候切记另外打开一个专门学习的对话框。

我是五竹，一位持续探索自媒体副业的大龄程序员。不算优秀，但贵在真实。咱们下篇见~