大家好,我是五竹。
前段時間用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.很多時候,我們要邊開發邊學習,學習的時候切記另外打開一個專門學習的對話框。
我是五竹,一位持續探索自媒體副業的大齡程序員。不算優秀,但貴在真實。咱們下篇見~