基礎(chǔ)代碼薄弱的人，怎么從0-1擼一個(gè)微信小程序并順利上架？

上個(gè)月底我上架了一個(gè)房貸計(jì)算器的微信小程序，甚至直到元旦前我都還在改代碼，所以這次想要總結(jié)一下我整個(gè)做小程序的心路歷程。

先跟大家說(shuō)明，其實(shí)我是有一定html和css基礎(chǔ)的，但是全程跟著cursor做下來(lái)還是很吃力，所以這篇復(fù)盤(pán)文章我個(gè)人認(rèn)為算是對(duì)于完全0代碼基礎(chǔ)的小白的一篇祛魅文，客觀來(lái)說(shuō)也算是緩解大家不會(huì)用ai做產(chǎn)品的焦慮?

1、0基礎(chǔ)小白不要一上來(lái)就做非常困難的產(chǎn)品

之前看別人寫(xiě)的帖子，有大佬寫(xiě)到可以根據(jù)自己的貼身需求去找產(chǎn)品，同時(shí)我看到的案例里面也有油管下載器，于是我就思考能不能做一個(gè)ins下載器，這樣就能滿足我隨時(shí)在instagram上下載帥哥圖片的需求哈哈哈。

所以我先是動(dòng)手做了個(gè)ins下載器，要求cursor幫我做一個(gè)可以下載圖片和視頻的google插件。

像下面這個(gè)圖片，我的下載器運(yùn)行其實(shí)開(kāi)頭就運(yùn)行很順利，很快就給我下載了一張圖片。這時(shí)候我在想原來(lái)做個(gè)google插件也沒(méi)有那么難嘛。

但是后面代碼改著改著就出現(xiàn)了問(wèn)題：

要么小程序只能下載帖子里的第一張圖，要么無(wú)法接收下載視頻的指令，總之林林總總的問(wèn)題都出現(xiàn)了，甚至還有從前的代碼已經(jīng)改好了、后面再改其他代碼的時(shí)候又會(huì)把前面修補(bǔ)好的bug重復(fù)改錯(cuò)的情況，幾度陷入鬼打墻。

后面在群里提問(wèn)，發(fā)現(xiàn)可能是cursor無(wú)法適應(yīng)長(zhǎng)對(duì)話，所以需要把之前的修改記錄總結(jié)到README.md文件里，否則你不斷向cursor提出需求，它會(huì)變笨原地打轉(zhuǎn)，壓根聽(tīng)不懂你的命令。

本來(lái)代碼改到這里我以為做這個(gè)插件已經(jīng)臨門(mén)一腳的事兒了，沒(méi)想到還是重復(fù)陷入鬼打墻的狀態(tài)。后面實(shí)在忍不住找到程序員朋友幫我看代碼，他查到問(wèn)題跟我說(shuō)，是我使用cursor自帶的免費(fèi)模型不夠聰明，導(dǎo)致盡管我提的需求已經(jīng)很精確了、但依舊出現(xiàn)ai還是在反復(fù)自以為修正了bug而不斷寫(xiě)錯(cuò)誤的代碼的狀況。

同時(shí)，我的程序員朋友也指出完全0基礎(chǔ)擼一個(gè)ins下載器實(shí)在太復(fù)雜了，讓我先做別的產(chǎn)品。

因?yàn)橐粋€(gè)ins帖子既包括靜態(tài)圖、也包括視頻還有動(dòng)態(tài)圖，盡管在付費(fèi)購(gòu)買(mǎi)cursor的升級(jí)模型可能會(huì)解決這個(gè)問(wèn)題，但沒(méi)有代碼基礎(chǔ)的人沒(méi)辦法提出非常精確的問(wèn)題，從而向ai描述需要用什么語(yǔ)言、在什么環(huán)境下去完成多模態(tài)下載的需求，而是只能用大白話跟它說(shuō)目前我遇到了xx問(wèn)題目前我收到的bug是xxxx。

當(dāng)ai聽(tīng)不懂的時(shí)候，它就只能反復(fù)在一個(gè)漏洞上打轉(zhuǎn)，很影響整個(gè)代碼推進(jìn)過(guò)程的效率。尤其是如果你的產(chǎn)品綜合了很多功能，而你的ai還在你1/10的進(jìn)度打轉(zhuǎn)，真的會(huì)很崩潰…

而且，他也指出正確使用ai改代碼的姿勢(shì)應(yīng)該是你看得懂cursor寫(xiě)的代碼，你拿出一小串有問(wèn)題的代碼讓ai幫你改，而不是只管提出問(wèn)題、然后完全不看cursor發(fā)送的結(jié)果直接整段復(fù)制粘貼（事實(shí)證明有時(shí)候cursor它只會(huì)改部分代碼，如果你完全抄到文檔里是必然出現(xiàn)bug的），那簡(jiǎn)直是天方夜譚。

所以寫(xiě)到這里想強(qiáng)調(diào)的是，完全不懂代碼的小白就是用ai做很簡(jiǎn)單的產(chǎn)品就已經(jīng)很了不起了，比如下載器、pdf壓縮器、簡(jiǎn)易的導(dǎo)航網(wǎng)站等等，這些產(chǎn)品既不需要調(diào)用api，同時(shí)功能也不復(fù)雜。

不要一步登天就想著做一個(gè)狂炫酷帥屌炸天的工具，踏實(shí)學(xué)點(diǎn)代碼基礎(chǔ)、平平淡淡才是真……

2、通過(guò)關(guān)鍵詞找需求

ins下載器放棄以后，我在閑魚(yú)花30來(lái)塊錢(qián)找人給賬號(hào)代充值（注意這里不是買(mǎi)號(hào)，買(mǎi)號(hào)是指你用公共的賬號(hào)進(jìn)行登錄，不要搞錯(cuò)了），且中途我又打算圍繞自己的需求做了兩三個(gè)產(chǎn)品，但都因?yàn)楦鞣N各樣的原因失敗了。

最后兜兜轉(zhuǎn)轉(zhuǎn)，我發(fā)現(xiàn)還是計(jì)算器這個(gè)產(chǎn)品的功能最簡(jiǎn)單，最后定下做一個(gè)計(jì)算器類的微信小程序。

但是計(jì)算器，要做什么功能的計(jì)算呢？

這里再次推薦一個(gè)免費(fèi)的關(guān)鍵詞查詢工具——騰訊搜一搜平臺(tái)

注冊(cè)的時(shí)候會(huì)對(duì)你的身份有要求，沒(méi)關(guān)系普通個(gè)人肯定是不通過(guò)的，隨便填完注冊(cè)進(jìn)去就好了，我們目的是使用平臺(tái)的關(guān)鍵詞工具，來(lái)獲得用戶使用微信搜一搜的數(shù)據(jù)反饋，從而挖掘微信上哪些需求是用戶需求量比較大的。

注冊(cè)完后，直接從工具-投放管理-關(guān)鍵詞工具點(diǎn)進(jìn)去即可。

比如我想知道有哪些計(jì)算的需求是微信用戶搜索量最大的，直接輸入計(jì)算，其他默認(rèn)，點(diǎn)擊提交拓詞任務(wù)即可。

提交完后，最下方會(huì)呈現(xiàn)你的需求詞正在處理，正常1分鐘不到就處理好了。但有可能過(guò)了幾分鐘狀態(tài)進(jìn)度還是不變的。你可以刷新網(wǎng)頁(yè)，又或者是繼續(xù)輸入你想了解的其他關(guān)鍵詞，通過(guò)不斷提交拓詞任務(wù)來(lái)督促上一個(gè)拓詞任務(wù)的完成。

下載完成后打開(kāi)csv文件，可以看到關(guān)鍵詞已經(jīng)按照月均點(diǎn)擊量默認(rèn)給你從高到低排好了，你只要一個(gè)個(gè)往下找你想做的功能就行。至于要不要篩掉同行買(mǎi)詞，可以先不用管，這個(gè)不是我們這些個(gè)人小玩家該關(guān)心的事情。

而我想做的房貸計(jì)算器，剛好排在第二位，搜索流量排行妥妥前列啊。

確定要做的類目后，就思考里面需要填充什么功能，就順勢(shì)找同行的小程序就行，可以看到這個(gè)賽道競(jìng)爭(zhēng)還是很激烈的。

但是我沒(méi)想那么多，覺(jué)得先完成再完美。并且找到別人已經(jīng)做成的成品，有利于你描述你想要的產(chǎn)品功能，以便于cursor更容易理解你的需求以一步到位完成基本架構(gòu)的搭建。甚至于你不知道怎么做一個(gè)微信小程序，cursor還會(huì)很有耐心地教你怎么下載、如何注冊(cè)等等，只要你跟它交代你沒(méi)有代碼基礎(chǔ)即可。

中途除了用cursor寫(xiě)代碼以外，我還會(huì)用豆包、kimi等ai工具反復(fù)驗(yàn)證計(jì)算的準(zhǔn)確性，防止出現(xiàn)cursor自以為優(yōu)化好了一個(gè)功能、但實(shí)則并沒(méi)有的尷尬局面。

不過(guò)不同ai工具計(jì)算結(jié)果會(huì)不一樣，所以盡量接近精確即可，有些計(jì)算太復(fù)雜、同時(shí)我也不太確定是否計(jì)算正確的功能我會(huì)進(jìn)行下架，改成簡(jiǎn)單的功能包整合在一個(gè)頁(yè)面。

如下圖，這個(gè)界面我用的是微信開(kāi)發(fā)者工具里自帶的基本框架（其他模板花里胡哨的我看不懂也不太會(huì)用），并且每個(gè)功能cursor已經(jīng)幫你單獨(dú)分好文件包了。

3、上架你的小程序

所有功能搭建得差不多了，就可以開(kāi)始著手上架小程序了，在微信開(kāi)發(fā)者工具中點(diǎn)擊右上角的上傳，上傳文件。

但如果你沒(méi)有注冊(cè)賬號(hào)的話，需要先去公眾號(hào)平臺(tái)注冊(cè)一個(gè)。假如你此前注冊(cè)過(guò)微信公眾號(hào)，可能會(huì)發(fā)生賬號(hào)占用的情況，換郵箱or換微信來(lái)注冊(cè)小程序的專屬賬號(hào)。

按照首頁(yè)的步驟，一個(gè)個(gè)提交小程序信息、備案、交30塊錢(qián)的年費(fèi)、代碼上傳等等，因?yàn)槠脚_(tái)上的審核不是線性鏈路，不熟悉的用戶可能以為自己提交完小程序信息就算結(jié)束了，壓根忘了還要去備案、要傳代碼。

所以完成了上一步的材料提交，一定要記得返回首頁(yè)看看還有哪些審核步驟沒(méi)有完成的，不然就被動(dòng)拖慢審核進(jìn)度了。

尤其是你在開(kāi)發(fā)者工具中傳了開(kāi)發(fā)代碼，還需要在平臺(tái)上將開(kāi)發(fā)版本再提交一次審核，等審核版本顯示你暫無(wú)提交審核的版本或者版本已發(fā)布上線時(shí)，才算代碼審核的步驟完成。

提交信息過(guò)程中，如果你不知道怎么做logo，可以直接外包給豆包。不過(guò)有時(shí)候你向豆包提出不要帶文字，最后生成的圖片還是會(huì)帶文字，沒(méi)關(guān)系后期p掉就好。

有個(gè)坑需要說(shuō)一下，就是提交完審核材料后，記得把你手機(jī)的防騷擾攔截都打開(kāi)，因?yàn)楹苡锌赡軙?huì)因?yàn)槟愕臄r截而導(dǎo)致接不到騰訊審核人員的電話，然后反復(fù)卡在審核步驟上，這樣也會(huì)被動(dòng)拖慢小程序上線進(jìn)度。

4、有哪些坑需要避開(kāi)

當(dāng)然還有一個(gè)我意想不到的坑，就是我小程序都過(guò)審了，居然不！能！轉(zhuǎn)！發(fā)！

為此我反復(fù)查官方文檔手冊(cè)和平臺(tái)的后臺(tái)設(shè)置，發(fā)現(xiàn)轉(zhuǎn)發(fā)功能是需要小程序的作者手動(dòng)寫(xiě)代碼來(lái)設(shè)置的……我可以理解轉(zhuǎn)發(fā)功能需要作者來(lái)個(gè)性化設(shè)計(jì)，但是平臺(tái)方壓根不提供，是不是太雞肋了點(diǎn)？

沒(méi)辦法，代碼還是要回爐重造，繼續(xù)把問(wèn)題交給cursor，按照要求改代碼。

簡(jiǎn)單設(shè)置了一下轉(zhuǎn)發(fā)語(yǔ)，代碼重新上架過(guò)審后，效果是這樣的：

還有一個(gè)坑就是，如果關(guān)鍵詞是非行業(yè)限制性的，盡量用在小程序的命名上，因?yàn)槲⑿潘岩凰训乃阉髋琶€是優(yōu)先看小程序的名字，而不是小程序的介紹內(nèi)容，只在小程序介紹上堆砌SEO詞匯的用處不太大（當(dāng)然也有可能會(huì)因?yàn)楹笃谄毓舛嗔耍〕绦虻乃阉髋琶妥兏吡耍?/p>

不然就會(huì)像我一樣，明知有哪些詞的搜索量是最高的，卻因?yàn)椴唤o使用而欲哭無(wú)淚~

最后，這次從0-1擼代碼到上架微信小程序的經(jīng)歷真的彌足珍貴。盡管后期在提高小程序搜索排名和獲得流量主收入的過(guò)程中可能還會(huì)踩一些坑，但總歸是踏出了做產(chǎn)品的第一步，希望我的復(fù)盤(pán)心得能給沒(méi)有代碼基礎(chǔ)的小伙伴一些啟發(fā)~

看完覺(jué)得寫(xiě)得好的，不防打賞一元，以支持藍(lán)海情報(bào)網(wǎng)揭秘更多好的項(xiàng)目。

標(biāo)簽： 標(biāo)簽 內(nèi)容 隨筆