一 業(yè)務(wù)背景介紹

小女子畢業(yè)于湖南長沙某985二梯隊大學(xué)，在深圳某廠工作，鑒于本校在深圳校友眾多（大概4w+）, 急切需要一個校友交流的平臺，傳統(tǒng)的網(wǎng)站形式以及沒落且無人問津，故打算開發(fā)一個小程序+公眾號的社交平臺，供木訥的工科師兄師弟師姐師妹交流，初步計劃的模塊有資訊，交友，互助，捐贈，個人中心，代言母校，聚會活動，校友供需，后續(xù)會陸續(xù)來落實。

濟南小程序開發(fā)公司

二 前端技術(shù)方案選型

• 原生：對性能特別苛刻 or 追求穩(wěn)定 or 要用最新功能，請記住任何時刻原生都是最穩(wěn)定性能最好的選擇?。。?！

• KBone：kbone 是一個致力于微信小程序和 Web 端同構(gòu)的解決方案，微信小程序的底層模型和 Web 端不同，我們想直接把 Web 端的代碼挪到小程序環(huán)境內(nèi)執(zhí)行是不可能的。kbone 的誕生就是為了解決這個問題，它實現(xiàn)了一個適配器，在適配層里模擬出了瀏覽器環(huán)境，讓 Web 端的代碼可以不做什么改動便可運行在小程序里。

• MPVue：是美團點評開源的一個使用 Vue.js 開發(fā)小程序的前端框架?？蚣芑?Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 實現(xiàn)，使其可以運行在小程序環(huán)境中，從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗。

• WePY：騰訊團隊開源的一款類vue語法規(guī)范的小程序框架,借鑒了Vue的語法風(fēng)格和功能特性,支持了Vue的諸多特征，比如父子組件、組件之間的通信、computed屬性計算、wathcer監(jiān)聽器、props傳值、slot槽分發(fā)，還有很多高級的特征支持：Mixin混合、攔截器等;

• Taro：京東凹凸實驗室開源的一款使用 React.js 開發(fā)微信小程序的前端框架。它采用與 React 一致的組件化思想，組件生命周期與 React 保持一致，同時支持使用 JSX 語法，讓代碼具有更豐富的表現(xiàn)力，使用 Taro 進行開發(fā)可以獲得和 React 一致的開發(fā)體驗。,同時因為使用了react的原因所以除了能編譯h5, 小程序外還可以編譯為ReactNative;

• Uni-app：使用 Vue.js 開發(fā)小程序、H5、App的統(tǒng)一前端框架。開發(fā)者使用 Vue 語法編寫代碼，uni-app 框架將其編譯到 小程序（微信/支付寶/百度/字節(jié)跳動/QQ/釘釘）、App（iOS/Android）、H5等多個平臺，保證其正確運行并達到優(yōu)秀體驗。

• Chameleon：滴滴跨端解決方案。不是很了解，歡迎大家補充

濟南小程序開發(fā)公司

• 選擇結(jié)論：校友會小程序功能點不多（大概100個左右功能點），沒有復(fù)雜的業(yè)務(wù)關(guān)系，且沒有跨端的需求，要求是簡單高效，這里的簡單高效既是開發(fā)的簡單高效，也是管理發(fā)布的簡單高效，

所以選擇了原生框架作為前端方案，當然，小程序在非?？焖?/span>的更新迭代，就算是原生框架也還是有一些坑的。

三 前端UI技術(shù)方案選型

• 原生：基于WXML，WXSS，組件，模板構(gòu)建，基本也就是寫view的彈性布局啦?。?！

• WeUI：騰訊官方UI組件庫WeUI的小程序版，提供了跟微信界面風(fēng)格一致的用戶體驗，感覺比較死板，中庸，沒有視覺沖擊力

• ColorUI：一個Css類的UI組件庫！不是一個Js框架。相比于同類小程序組件庫，ColorUI更注重于視覺交互！其組件在美觀性方面比較突出。

• iView WeApp: TalkingData發(fā)布的一款高質(zhì)量的基于Vue.js組件庫，而iView weapp則是它們的小程序版本

• ZanUI WeApp：是有贊移動 Web UI 規(guī)范 ZanUI 的小程序?qū)崿F(xiàn)版本，結(jié)合了微信的視覺規(guī)范，為用戶提供更加統(tǒng)一的使用感受

• MinUI ：蘑菇街前端開發(fā)團隊開發(fā)的基于微信小程序自定義組件特性開發(fā)而成的一套簡潔、易用、高效的組件庫，適用場景廣，覆蓋小程序原生框架，各種小程序組件主流框架等，并且提供了專門的命令行工具。

• 選擇結(jié)論：WeUI過于平庸，和微信原生組件差不多，而iView，ZanUI, MinUI學(xué)習(xí)曲線較高，所以選擇了原生+ColorUI作為UI框架

四 后端框架技術(shù)方案選型

• ThinkPHP(PHP)：國人最引以為自豪的PHP框架，大概從200X年就開始流行，繁衍了N個版本，因為其自身包含了底層架構(gòu)、兼容處理、基類庫、數(shù)據(jù)庫訪問層、模板引擎、緩存機制、插件機制、角色認證、表單處理等常用的組件，并且對于跨版本、跨平臺和跨數(shù)據(jù)庫移植都比較方便。

• Laravel(PHP)： 號稱宇宙中最簡潔、最優(yōu)雅的PHP Web開發(fā)框架。它可以讓你從面條一樣雜亂的代碼中解脫出來；它可以幫你構(gòu)建一個完美的網(wǎng)絡(luò)APP，而且每行代碼都可以簡潔、富于表達力。

• .NET Core WebAPI：微軟為了通吃Linux/Win平臺的得意之作，長期以來C#+SQLServer組合只活躍于企業(yè)級應(yīng)用，或者古董應(yīng)用中，無法飛入尋常百姓家（程序員家），為此推出了了.NET Core, 目標是跨平臺

• Java SpringBoot：設(shè)計目的是用來簡化新Spring應(yīng)用的初始搭建以及開發(fā)過程。該框架使用了特定的方式來進行配置，從而使開發(fā)人員不再需要定義樣板化的配置

• 小程序云開發(fā)：云開發(fā)為開發(fā)者提供完整的原生云端支持和微信服務(wù)支持，弱化后端和運維概念，無需搭建服務(wù)器，使用平臺提供的 API 進行核心業(yè)務(wù)開發(fā)，即可實現(xiàn)快速上線和迭代，同時這一能力，同開發(fā)者已經(jīng)使用的云服務(wù)相互兼容，并不互斥。

• 選擇結(jié)論：小程序云開發(fā)可以提供前后端的免鑒權(quán)用戶身份獲取，同時可以直接提供云函數(shù)調(diào)用，也提供了IO存儲空間，Json數(shù)據(jù)庫，同時還可以和公眾號數(shù)據(jù)互通，且避免繁瑣的認證授權(quán)，所以Selected IT

五 數(shù)據(jù)庫方案選型

• MySQL：移動互聯(lián)網(wǎng)創(chuàng)業(yè)大軍的首選，免費，高效，適中

• PostgreSQL：是一種特性非常齊全的自由軟件的對象-關(guān)系型數(shù)據(jù)庫管理系統(tǒng)（ORDBMS），是以加州大學(xué)計算機系開發(fā)的POSTGRES，4.2版本為基礎(chǔ)的對象關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。

• 小程序Json數(shù)據(jù)庫：與小程序云開發(fā)緊密結(jié)合，而且基礎(chǔ)版是免費的，當然選擇她?。。?！

六 綜合結(jié)論

小程序原生+ColorUI+云函數(shù)+云開發(fā)+Json數(shù)據(jù)庫

不管選用那種框架，對微信小程序的基礎(chǔ)知識，基礎(chǔ)概念還是要花時間去學(xué)習(xí)的(看官方文檔或者微信小程序全面實戰(zhàn)，架構(gòu)設(shè)計 && 躲坑攻略)，因為很多問題，采用原生的去解決更好，組件也是。