產(chǎn)品的完善是無(wú)止境，每過(guò)段時(shí)間就會(huì)發(fā)現(xiàn)產(chǎn)品的新問(wèn)題，使用的人越多，提的需求也會(huì)越多，我聽(tīng)得最多的一句話就是：如果加上某某功能就完美了。其實(shí)，完美是不存在的，每個(gè)人的視角不一樣，完美的定義也是不一樣的。

做一款開(kāi)源產(chǎn)品，會(huì)面對(duì)很多善意的批評(píng)和建議，當(dāng)然也不乏無(wú)理的要求，如何在這眾多批評(píng)、建議、要求里去取舍，用來(lái)完善產(chǎn)品，是考驗(yàn)產(chǎn)品開(kāi)發(fā)者的設(shè)計(jì)能力。

WordPress版微信小程序經(jīng)過(guò)快一年的開(kāi)發(fā)，從功能上來(lái)看，作為一個(gè)資訊類(lèi)的小程序，基本的功能已經(jīng)具備。不過(guò)，這個(gè)產(chǎn)品最初是我玩票性質(zhì)的產(chǎn)品，主要想是為了學(xué)習(xí)和熟悉小程序的開(kāi)發(fā)，而很多站長(zhǎng)都是用WordPress做網(wǎng)站的，為了讓更多的WordPress站長(zhǎng)利用微信小程序，于是就開(kāi)源了這個(gè)產(chǎn)品。因此，小程序架構(gòu)設(shè)計(jì)很不完善，很多的代碼寫(xiě)得很丑陋，大量重復(fù)和無(wú)用的代碼，嚴(yán)重影響了程序的可讀性和運(yùn)行性能?；诖耍乙呀?jīng)著手重構(gòu)新的版本，新的版本會(huì)更專(zhuān)業(yè)一些，功能多一些，小程序程序架構(gòu)幾乎是重寫(xiě)了，小程序暫定的名稱(chēng)為：WordPress微信小程序Pro版。我希望新的版本能帶來(lái)新的體驗(yàn)。

WordPress版微信小程序3.1.5版的新功能沒(méi)有大的改進(jìn)，更準(zhǔn)確說(shuō)是小的改進(jìn)和完善。主要的完善是：分享海報(bào)和下拉翻頁(yè)。

1.分享海報(bào)的改進(jìn)

文章頁(yè)面的海報(bào)在上一個(gè)版本-3.0版本就已經(jīng)實(shí)現(xiàn)了，不過(guò)這個(gè)功能有不少的問(wèn)題，主要的原因是海報(bào)圖片是服務(wù)端的php生成的，對(duì)服務(wù)端的php環(huán)境要求有些高，特別是對(duì)服務(wù)器的性能也提出了要求，這導(dǎo)致有時(shí)候無(wú)法生成海報(bào)的圖片，用戶體驗(yàn)不好。這次改進(jìn)主要是海報(bào)圖片的生成在微信小程序端來(lái)完成，主要利用微信小程序提供的canvas接口來(lái)合成圖片。微信小程序的canvas接口提供了豐富的功能，詳細(xì)的介紹請(qǐng)參考文檔：https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html

海報(bào)的背景圖片使用的是文章內(nèi)的圖片，同時(shí)利用小程序canvas接口合成海報(bào)圖片，需要把圖片下載到手機(jī)里，因此在使用這個(gè)功能的時(shí)候，需要在小程序的后臺(tái)管理配置downloadFile合法域名，如下圖所示：

同時(shí)在WordPress版微信小程序的配置文件config.js里，配置downloadFile合法域名：

如果沒(méi)有配置downloadFile合法域名將會(huì)導(dǎo)致合成海報(bào)圖片失敗。

downloadFile合法域名可以配置第三方的的域名，比如如果網(wǎng)站使用的是cdn網(wǎng)站的圖片，可以配置cdn網(wǎng)站的域名。

分享海報(bào)最后合成的效果圖如下：

2.下拉方式翻頁(yè)

在以前的版本中，無(wú)論是文章列表還是評(píng)論列表的翻頁(yè)，都是通過(guò)點(diǎn)擊按鈕來(lái)觸發(fā)的。我原來(lái)的設(shè)計(jì)思路：是否翻頁(yè)應(yīng)該讓用戶自己去決定，而不是被動(dòng)的去觸發(fā)。不過(guò)現(xiàn)在很多用戶使用手機(jī)的習(xí)慣就是：下拉到底部去翻頁(yè)，這仿佛已經(jīng)成為約定俗成的規(guī)則了，于是我就不再堅(jiān)持原來(lái)的設(shè)計(jì)思路，調(diào)整為下拉到底部自動(dòng)觸發(fā)翻頁(yè)。每個(gè)設(shè)計(jì)都有其道理，如何讓用戶方便使用產(chǎn)品才是設(shè)計(jì)的核心。

特別指出的是，以前版本的評(píng)論列表的第一頁(yè)，是隨這文章顯示而自動(dòng)加載的，如果評(píng)論很多的話，就會(huì)拖慢頁(yè)面，新版本調(diào)整為下拉到底加載評(píng)論或者翻頁(yè)，這樣文章和評(píng)論就分開(kāi)加載了，看完文章如果不想看評(píng)論，就不必下拉到底去看評(píng)論。在下拉加載評(píng)論的時(shí)候，增加了一個(gè)進(jìn)度條的提示；評(píng)論顯示分頁(yè)（或翻頁(yè)）如下圖所示：

3.顯示指定分類(lèi)的文章列表

不少WordPress網(wǎng)站站長(zhǎng)提出在小程序只顯示部分分類(lèi)的文章，而不是顯示所有的文章，以前覺(jué)得這是個(gè)小眾的需求，也就沒(méi)在意，后來(lái)越來(lái)越多的人提出這個(gè)想法，于是就做了一個(gè)小調(diào)整，可以在小程序的配置文件config.js里加入一個(gè)配置參數(shù)：INDEXLISTTYPE，用于指定需要顯示的分類(lèi)的id（這個(gè)id需要到wordpress后臺(tái)去自己找，方法參考文章：WordPress版微信小程序安裝使用說(shuō)明，指定分類(lèi)id的示例如下所示：

如果你想顯示所有分類(lèi)的文章，就設(shè)置參數(shù)值為”all”，示例如下：

4.評(píng)論是否開(kāi)啟設(shè)置

近來(lái)，微信對(duì)資訊類(lèi)小程序的審核尺度有越來(lái)越嚴(yán)格的趨勢(shì)，即使是企業(yè)主體的小程序，也可能因?yàn)槌霈F(xiàn)用戶“評(píng)論”的問(wèn)題，導(dǎo)致小程序?qū)徍瞬煌ㄟ^(guò)，給出理由如下：

在這個(gè)版本里，我在wp-rest-api-for-app插件里，加了是否開(kāi)啟文章評(píng)論的設(shè)置，如果遇到因?yàn)樵u(píng)論導(dǎo)致無(wú)法通過(guò)的審核的時(shí)候，可以考慮關(guān)閉評(píng)論，至于審核通過(guò)后你是否開(kāi)啟就自行決定了。設(shè)置的示例如下：

WordPress版小程序開(kāi)源下載地址

https://github.com/iamxjb/winxin-app-watch-life.net

如果因?yàn)槟承┰騡ithub無(wú)法訪問(wèn)，可以選擇以下鏡像地址：

1.https://git.oschina.net/iamxjb/winxin-app-watch-life.net

2.https://code.aliyun.com/iamxjb/winxin-app-watch-life.net

3.https:///u/xjb/p/winxin-app-watch-life.net

4.https:///xiajianbo/winxin-app-watch-life.net

配套WordPress插件：wp-rest-api-for-app 下載地址

https://github.com/iamxjb/wp-rest-api-for-app

插件鏡像下載地址：

https:///iamxjb/wp-rest-api-for-app

了解WordPress微信小程序的的開(kāi)發(fā)歷程及開(kāi)發(fā)技術(shù)，建議看看相關(guān)更新文章和安裝文檔：

1.用微信小程序連接WordPress網(wǎng)站

2.WordPress版微信小程序1.5版本發(fā)布

3.WordPress版微信小程序2.0版本發(fā)布

4.利用WordPress REST API 開(kāi)發(fā)微信小程序從入門(mén)到放棄

5.WordPress版微信小程序2.1.5版發(fā)布

6.WordPress版微信小程序2.1.8版發(fā)布

7.WordPress版微信小程序開(kāi)發(fā)系列(一)：WordPress REST API

8.WordPress版微信小程序2.2.0版發(fā)布

9.WordPress版微信小程序2.2.8版發(fā)布

10.WordPress版微信小程序開(kāi)發(fā)系列(二):安裝使用問(wèn)答

11.WordPress版微信小程序2.4版發(fā)布

12.WordPress版微信小程序安裝使用說(shuō)明

13.WordPress版微信小程序2.6版發(fā)布

14.WordPress版微信小程序3.0版發(fā)布

我的各大自媒體平臺(tái)統(tǒng)一名稱(chēng)：守望軒