目前“小程序”的開發(fā)與應(yīng)用呈現(xiàn)“井噴”之勢(shì)，作為小程序的鼻祖，2021年微信小程序開發(fā)者突破了300萬(wàn)，日活躍用戶數(shù)（DAU）已經(jīng)超過(guò)4.5億，微信為開發(fā)者支付的廣告分成接近百億。在微信小程序火爆之后，各個(gè)互聯(lián)網(wǎng)廠商相繼推出了自己的平臺(tái)小程序，比如：支付寶小程序、百度小程序、字節(jié)跳動(dòng)小程序、快應(yīng)用、QQ小程序、360小程序、京東小程序、快手小程序等。小程序相對(duì)于APP應(yīng)用存在若干的優(yōu)勢(shì)：

• 免安裝，使用方便，占用更少的手機(jī)資源
• 容易分享，小程序的內(nèi)容產(chǎn)出容易進(jìn)行社群分享傳播
• 學(xué)習(xí)的門檻低，開發(fā)成本逐步降低

我們就從開發(fā)成本逐步降低，從這一個(gè)角度來(lái)說(shuō)明一下目前小程序的若干開發(fā)方法。

• 一、原生開發(fā)
• 二、結(jié)合UI框架開發(fā)
• 三、跨端開發(fā)方式
• 四、低代碼開發(fā)
• 五、云開發(fā)
• 總結(jié)

一、原生開發(fā)

優(yōu)點(diǎn)是：以微信小程序?yàn)槔?，原生開發(fā)官方的文檔、視頻教程、API查找都非常的規(guī)范、系統(tǒng)，官方的文檔齊全。而且原生開發(fā)更接近手機(jī)服務(wù)底層，一旦出現(xiàn)問(wèn)題容易定位，并解決問(wèn)題。缺點(diǎn)是：原生開發(fā)的代碼量相對(duì)比較大，組件少、樣式美觀度不夠，語(yǔ)法的靈活度不夠，開發(fā)效率相對(duì)較低。并且不同平臺(tái)的小程序語(yǔ)法不同，如果小程序需要適配多個(gè)平臺(tái)，開發(fā)成本非常高。

二、結(jié)合UI框架開發(fā)

為了解決原生開發(fā)的代碼量大，組件少美觀度不足的問(wèn)題，出現(xiàn)了很多適配小程序的界面UI庫(kù)。比較典型的有：騰訊的weui、有贊的vantUI。使用了界面UI庫(kù)之后，代碼量明顯減少，代碼更加簡(jiǎn)潔，提高了開發(fā)效率以及代碼的可維護(hù)性。

這些組件UI庫(kù)的文檔也都非常的規(guī)范化、系統(tǒng)化。只需要簡(jiǎn)單的幾個(gè)步驟就可以引入文件、使用組件，大部分操作只需要進(jìn)行代碼搬運(yùn)即可。

三、跨端開發(fā)方式

正如筆者之前所說(shuō)的，目前已經(jīng)有非常多的廠商推出了自己的小程序，如：支付寶小程序、百度小程序、字節(jié)跳動(dòng)小程序、快應(yīng)用、QQ小程序、360小程序、京東小程序、快手小程序等，加上android、IOS、H5移動(dòng)端頁(yè)面，如果針對(duì)每一個(gè)平臺(tái)開發(fā)一套小程序，那么開發(fā)成本是非常高的。于是出現(xiàn)了跨端開發(fā)的框架，寄希望于寫一套代碼，就可以自動(dòng)生成適配多個(gè)平臺(tái)的小程序、H5、android、IOS。這種框架目前還是很多的，大概分為兩個(gè)派系

• vue語(yǔ)法派系，比如uniapp、chameleon等
• react語(yǔ)法派系，比如阿里的remax，京東的taro

其中由于國(guó)內(nèi)的vue生態(tài)比較好，uniapp幾乎是復(fù)用了vue語(yǔ)法，所以其學(xué)習(xí)成本相對(duì)較低。組件庫(kù)以及插件非常豐富，深受vue開發(fā)者的喜愛。在這里筆者要為uniapp鳴不平，由于很多開發(fā)者一直信奉“國(guó)外的月亮比較圓”，每每提到uniapp的時(shí)候，就會(huì)有人跳出來(lái)指出“這不行、那不行”，但是筆者的團(tuán)隊(duì)已使用uniapp開發(fā)了多款跨端移動(dòng)應(yīng)用，總體來(lái)說(shuō)還是不錯(cuò)的。只要你不是使用它開發(fā)那種和手機(jī)硬件高度結(jié)合的應(yīng)用（比如連接各種手機(jī)傳感器的那種應(yīng)用），uniapp完全可以滿足你的開發(fā)需求。之前一直為人詬病的文檔不規(guī)范的問(wèn)題，uniapp也在一直地不斷完善。最重要的是：uniapp的用戶量非常大，一旦出現(xiàn)了問(wèn)題你可以與大量的開發(fā)者交流解決方案。

當(dāng)然使用跨端開發(fā)框架的缺點(diǎn)就是：?jiǎn)栴}的排查成本高，遇到框架有bug或無(wú)法支持的功能時(shí)，只能期待官方更新版本。當(dāng)然，筆者還是要介紹自己的經(jīng)驗(yàn)：只要你不是使用它開發(fā)那種和手機(jī)硬件高度結(jié)合的應(yīng)用，問(wèn)題都不大，都能解決。 當(dāng)然也不是說(shuō)，不能開發(fā)與手機(jī)硬件結(jié)合的應(yīng)用，就像調(diào)用手機(jī)GPS獲取經(jīng)緯度、撥打電話、羅盤、藍(lán)牙等筆者團(tuán)隊(duì)也都開發(fā)過(guò)，性能上對(duì)比andoid、IOS、小程序原生會(huì)差一點(diǎn)點(diǎn)，但是總體也是可用的。目前uniapp支持的硬件設(shè)備API如下：

四、低代碼開發(fā)

開發(fā)者總是越來(lái)越懶惰的，我覺得程序員未來(lái)一定是向低代碼、人工智能去發(fā)展的，未來(lái)的開發(fā)者只需要寫非常少的代碼就可以完成今天不敢想象的功能。雖然“低代碼”目前在很多領(lǐng)域還是雞肋，但是在小程序開發(fā)的領(lǐng)域，低代碼已經(jīng)具備了相當(dāng)?shù)目尚行?，畢竟小程序開發(fā)重要的環(huán)節(jié)就是界面設(shè)計(jì)。所以，可視化的頁(yè)面平臺(tái)，通過(guò)拖拽組件、輸入配置來(lái)改變組件的樣式和行為，再自動(dòng)生成代碼。這種小程序的低代碼平臺(tái)應(yīng)運(yùn)而生，如騰訊的WeDa。

五、云開發(fā)

最后給大家說(shuō)一下云開發(fā)，這種開發(fā)方式目前我只知道是“微信小程序”提供的。它解決的主要問(wèn)題是：目前開發(fā)小程序的核心工作仍然是設(shè)計(jì)與前端實(shí)現(xiàn)，很多小程序的開發(fā)者都是前端開發(fā)者，這就會(huì)出現(xiàn)一個(gè)問(wèn)題：前端開發(fā)者沒有后臺(tái)數(shù)據(jù)，無(wú)法獨(dú)立完成開發(fā)。“云開發(fā)”方式應(yīng)運(yùn)而生！

云開發(fā)的就是不需要自己搭建后臺(tái)服務(wù)，通過(guò)調(diào)用操作數(shù)據(jù)庫(kù)的云函數(shù)即可獲取服務(wù)端的數(shù)據(jù)。即使只會(huì)前端，也能開發(fā)出一個(gè)完整的小程序。 當(dāng)然后端的這些云服務(wù)都是需要付費(fèi)的！

總結(jié)

最后不管怎樣，小程序開發(fā)的核心仍然是前端開發(fā)，即：開發(fā)界面、交互以及一些數(shù)據(jù)請(qǐng)求的業(yè)務(wù)邏輯。需要你掌握最基礎(chǔ)的HTML JS CSS，雖然不完全一樣，但大同小異。目前跨端開發(fā)仍然是主流的開發(fā)方式，所以最好先掌握一門前端框架，vue或者react。