WordPress版微信小程序3.1.5版的新功能

WordPress版微信小程序3.1.5版的新功能

WordPress版微信小程序3.1.5版的新功能，分享海報功能改進，下拉翻頁，顯示指定分類的文章列表。

產品的完善是無止境，每過段時間就會發現產品的新問題，使用的人越多，提的需求也會越多，我聽得最多的一句話就是：若是加上某某功能就完美了。其實，完美是不存在的，每一個人的視角不同，完美的定義也是不同的。

作一款開源產品，會面對不少善意的批評和建議，固然也不乏無理的要求，如何在這衆多批評、建議、要求裏去取捨，用來完善產品，是考驗產品開發者的設計能力。

WordPress版微信小程序通過快一年的開發，從功能上來看，做爲一個資訊類的小程序，基本的功能已經具有。不過，這個產品最初是我玩票性質的產品，主要想是爲了學習和熟悉小程序的開發，而不少站長都是用WordPress作網站的，爲了讓更多的WordPress站長利用微信小程序，因而就開源了這個產品。所以，小程序架構設計很不完善，不少的代碼寫得很醜陋，大量重複和無用的代碼，嚴重影響了程序的可讀性和運行性能。基於此，我已經着手重構新的版本，新的版本會更專業一些，功能多一些，小程序程序架構幾乎是重寫了，小程序暫定的名稱爲：WordPress微信小程序Pro版。我但願新的版本能帶來新的體驗。

WordPress版微信小程序3.1.5版的新功能沒有大的改進，更準確說是小的改進和完善。主要的完善是：分享海報和下拉翻頁。

1.分享海報的改進

文章頁面的海報在上一個版本-3.0版本就已經實現了，不過這個功能有很多的問題，主要的緣由是海報圖片是服務端的php生成的，對服務端的php環境要求有些高，特別是對服務器的性能也提出了要求，這致使有時候沒法生成海報的圖片，用戶體驗很差。此次改進主要是海報圖片的生成在微信小程序端來完成，主要利用微信小程序提供的canvas接口來合成圖片。微信小程序的canvas接口提供了豐富的功能，詳細的介紹請參考文檔：https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html
海報的背景圖片使用的是文章內的圖片，同時利用小程序canvas接口合成海報圖片，須要把圖片下載到手機裏，所以在使用這個功能的時候，須要在小程序的後臺管理配置downloadFile合法域名，以下圖所示：

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

若是沒有配置downloadFile合法域名將會致使合成海報圖片失敗。

downloadFile合法域名能夠配置第三方的的域名，好比若是網站使用的是cdn網站的圖片，能夠配置cdn網站的域名。

分享海報最後合成的效果圖以下：

2.下拉方式翻頁

在之前的版本中，不管是文章列表仍是評論列表的翻頁，都是經過點擊按鈕來觸發的。我原來的設計思路：是否翻頁應該讓用戶本身去決定，而不是被動的去觸發。不過如今不少用戶使用手機的習慣就是：下拉到底部去翻頁，這彷彿已經成爲約定俗成的規則了，因而我就再也不堅持原來的設計思路，調整爲下拉到底部自動觸發翻頁。每一個設計都有其道理，如何讓用戶方便使用產品纔是設計的核心。

特別指出的是，之前版本的評論列表的第一頁，是隨這文章顯示而自動加載的，若是評論不少的話，就會拖慢頁面，新版本調整爲下拉到底加載評論或者翻頁，這樣文章和評論就分開加載了，看完文章若是不想看評論，就沒必要下拉到底去看評論。在下拉加載評論的時候，增長了一個進度條的提示；評論顯示分頁（或翻頁）以下圖所示：

3.顯示指定分類的文章列表

很多WordPress網站站長提出在小程序只顯示部分分類的文章，而不是顯示全部的文章，之前以爲這是個小衆的需求，也就沒在乎，後來愈來愈多的人提出這個想法，因而就作了一個小調整，能夠在小程序的配置文件config.js里加入一個配置參數：INDEXLISTTYPE，用於指定須要顯示的分類的id（這個id須要到wordpress後臺去本身找，方法參考文章：WordPress版微信小程序安裝使用說明，指定分類id的示例以下所示：

var INDEXLISTTYPE = 「1,2」 //指定首頁顯示分類的id,用英文半角逗號分隔

若是你想顯示全部分類的文章，就設置參數值爲」all」，示例以下：

var INDEXLISTTYPE = 「all」 //指定首頁顯示分類的id,用英文半角逗號分隔

4.評論是否開啓設置

近來，微信對資訊類小程序的審覈尺度有愈來愈嚴格的趨勢，即便是企業主體的小程序，也可能由於出現用戶「評論」的問題，致使小程序審覈不經過，給出理由以下：

服務類目」文娛-資訊_」與你提交代碼審覈時設置的功能頁面內容不一致:
評論涉及發佈與交流，請補充選擇社交-社區/論壇類目，並在基礎信息處申請該類目，經過資質審覈並在配置功能頁添加符合該類目的功能頁面。

在這個版本里，我在wp-rest-api-for-app插件裏，加了是否開啓文章評論的設置，若是遇到由於評論致使沒法經過的審覈的時候，能夠考慮關閉評論，至於審覈經過後你是否開啓就自行決定了。設置的示例以下：

WordPress版小程序開源下載地址

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

若是由於某些緣由github沒法訪問，能夠選擇如下鏡像地址：
2.https://code.aliyun.com/iamxjb/winxin-app-watch-life.net
3.https://coding.net/u/xjb/p/winxin-app-watch-life.net
4.https://gitlab.com/xiajianbo/winxin-app-watch-life.net

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

https://github.com/iamxjb/wp-rest-api-for-app
插件鏡像下載地址：
https://gitee.com/iamxjb/wp-rest-api-for-app