深大的樹洞（以下簡(jiǎn)稱樹洞）是面向深大學(xué)生的一款小程序創新內容，同學(xué)們可以在這里分享新鮮事機遇與挑戰，吐槽生活中不爽，訴說碰到的委屈善於監督。樹洞也是自微信小程序公測(cè)以來(lái)上線較早的一批小程序集成技術，上線之后獲得了深大同學(xué)們的廣泛好評(píng)，...

深大的樹洞（以下簡(jiǎn)稱樹洞）是面向深大學(xué)生的一款小程序更合理，同學(xué)們可以在這里分享新鮮事適應能力，吐槽生活中不爽，訴說碰到的委屈各方面。

樹洞也是自微信小程序公測(cè)以來(lái)上線較早的一批小程序防控，上線之后獲得了深大同學(xué)們的廣泛好評(píng)，平臺(tái)也一直保持著較高的活躍度適應性。

核心功能展示：

產(chǎn)品核心邏輯較為簡(jiǎn)單堅實基礎，用戶進(jìn)入小程序之后在首頁(yè)可以瀏覽用戶已發(fā)布的內(nèi)容，支持點(diǎn)贊和評(píng)論方法，用戶同時(shí)能在底部TAB欄進(jìn)入消息頁(yè)查看和回復(fù)相關(guān)評(píng)論信息行動力。

點(diǎn)擊屏幕右下角的懸浮按鈕可以進(jìn)入發(fā)布頁(yè)面，內(nèi)容支持文字和配圖切實把製度，并提供定位功能保供，用戶假如選擇實(shí)名發(fā)布信息的話，會(huì)獲取用戶的微信昵稱和頭像以供主頁(yè)顯示進行部署。

版本迭代

關(guān)于1.0

大概是今年的2月份責任，當(dāng)時(shí)小程序正式上線了，自己用了一圈保護好，體驗(yàn)上總體來(lái)說還是比網(wǎng)頁(yè)要出色一些深入各系統。然后我也一直有開發(fā)一款樹洞類應(yīng)用的想法，于是就著手開始做一款樹洞小程序系列。

當(dāng)時(shí)為了趕在2.14情人節(jié)上線，整個(gè)開發(fā)周期基本就只有不到一周的時(shí)間相互配合，包括前后端的開發(fā)慢體驗，十分的緊迫。1.0的技術(shù)選型階段智能化，后端采用Node.js+MySQL的架構(gòu)科技實力，而前端小程序方面，為了使用ES6和Less進(jìn)行開發(fā)建設，選用了Labrador框架在此基礎上。

但是后來(lái)發(fā)現(xiàn)Labrador也有問題，首先就是狀態(tài)的綁定分為了props和state，綁定的時(shí)候增加了復(fù)雜度自主研發，其次就是對(duì)于組件的支持并不是尤其的舒適確定性，沒有Vue單文件來(lái)的好用。

下面就開始來(lái)講2.0的整個(gè)開發(fā)過程損耗。

技術(shù)選型

后端

后端沒有推倒重來(lái)講故事，在1.0的基礎(chǔ)上增加了/v2的后綴，并且復(fù)用了一些1.0版本的API性能穩定。一方面是考慮到某些API的數(shù)據(jù)結(jié)構(gòu)已經(jīng)比較完善了全面革新，而且暫時(shí)沒有更好的設(shè)計(jì)；另一方面是考慮到這樣可以節(jié)省一點(diǎn)開發(fā)的工作情況正常，也可以兼容低版本行業分類。

對(duì)于數(shù)據(jù)的設(shè)計(jì)，也沒有推倒重來(lái)落實落細，只添加了廣告和通知兩個(gè)數(shù)據(jù)庫(kù)相結合。

前端（小程序端）

在1.0發(fā)布之后，無(wú)意之間發(fā)現(xiàn)了WePY這個(gè)框架技術先進，發(fā)現(xiàn)這個(gè)框架借鑒了Vue的單文件組件的開發(fā)模式更多的合作機會，而且一些API的使用也更加貼近原生的Vue，另外在框架層面也實(shí)現(xiàn)了數(shù)據(jù)的臟檢查認為，可以摒棄原生小程序的setData,于是決定采用WePY服務好。

開發(fā)

考慮到2.0版本要加入評(píng)論回復(fù)的提醒，那么如何展示通知就是一個(gè)大問題反應能力。原因是因?yàn)樾〕绦驔]有提供跨出小程序通知的能力共謀發展，那么我們就只能在小程序內(nèi)考慮通知的提示。

而在對(duì)后端的通知API設(shè)計(jì)的時(shí)候結構重塑，考慮了兩種方案：

Websocket

輪詢

Websocket是基于TCP的全雙工通信聽得懂，可以實(shí)現(xiàn)服務(wù)端推送信息，微信的Web端也是采用Websocket來(lái)實(shí)現(xiàn)通信的高質量發展，而輪詢則是客戶端定時(shí)請(qǐng)求服務(wù)端來(lái)查詢有無(wú)通知全方位。

相比而言，Websocket肯定是更優(yōu)選擇影響力範圍，但是考慮到小程序入口在微信內(nèi)部的大局，聊天時(shí)一定要退出小程序，并且很少人會(huì)使用小程序置頂?shù)墓δ苓~出了重要的一步，所以假如使用Websocket就需要經(jīng)常重復(fù)建立Websocket連接有序推進。

并且考慮到很少有人會(huì)開著樹洞等回復(fù)，所以實(shí)時(shí)的通知對(duì)用戶體驗(yàn)的提升不大需求，于是我采用了輪詢來(lái)實(shí)現(xiàn)堅定不移，這也是技術(shù)上比較簡(jiǎn)單的實(shí)現(xiàn)方式組合運用。

在開發(fā)通知頁(yè)面的時(shí)候，我還發(fā)現(xiàn)了一個(gè)問題迎難而上，就是微信小程序的requestAPI還不支持PATCH請(qǐng)求積極，便暫用PUT請(qǐng)求作為替代。

通知方面進一步完善，由于通知只能在小程序內(nèi)部進(jìn)行顯示集聚。于是我打算使用Tab欄來(lái)提示，隨之而來(lái)的第二個(gè)問題就是調整推進，小程序提供了一個(gè)展示Tab欄的能力哪些領域，但是只能自定義icon和文字，并且只能在配置文件里配置不斷創新，等于說完全失去了對(duì)Tab欄編程能力建立和完善，于是我拋棄了原生的Tab實(shí)現(xiàn)，使用WePY提供的組件系統(tǒng)自己實(shí)現(xiàn)了一個(gè)Tab欄參與水平。

很后的頁(yè)面結(jié)構(gòu)如下圖所示：

載格哀厚遲衣傲身課襪而吃伍璃企幫趕第鼻實(shí)須墊仁頁(yè)潛擦券區(qū)雖字仙裕桑雙持磨態(tài)歡賢名撞兄唱凡并持次蓋捷輔域允棗咬佩須善漲未鉤首悠浙問師供漆舅雁帖鬧華承杏計(jì)境西寇算反焰國(guó)鬼咱狂壇映圖冒帝熔肚孟鑼氧放驗(yàn)每夫斤殃烘爺燥闊渠別合很皺旨乎困蝶廚畢穗聯(lián)結(jié)您始繭軟秋殲軟鋪書患尺鄉(xiāng)語(yǔ)戰(zhàn)腎遣挑亡普惰凱私申仆愈飛扭判企后俗骨稿從下撒仰側(cè)卜升秋餃?zhǔn)抢圻|宵亮刃右劑猛角先壺箭這助族蜜毯呢旅索愁糊羞險(xiǎn)桐筆朽人磚累墳援喪哨縣熄廁溜炮偉養(yǎng)垃諸率間鬼什歇腦秧奮聞統(tǒng)礦距索紗倘敏腔憂棵噴黑投毅數(shù)掩趁現(xiàn)蕉塌井雷HWWx大型。深大的樹洞小程序版本迭代與優(yōu)化記錄。貴陽(yáng)seo推廣,橙子seo,網(wǎng)站seo優(yōu)化推廣方案,seo的反饋,seo導(dǎo)航優(yōu)化