2017年8月12日WordPress版微信小程序2.2.0版通過了微信的審核正式發布,此版本的更新以完善功能為主。主要更新的功能是:站內鏈接,猜你喜歡,熱點文章。
WordPress版微信小程序開放源碼地址:https://github.com/iamxjb/winxin-app-watch-life.net
了解程序的開發歷程及開發技術,建議看看相關版本的更新文章:
1.用微信小程序連接WordPress網站
2.WordPress版微信小程序1.5版本發布
3.WordPress版微信小程序2.0版本發布
4.利用WordPress REST API 開發微信小程序從入門到放棄
5.WordPress版微信小程序2.1.5版發布
6.WordPress版微信小程序2.1.8版發布
以下詳細記錄2.2.0 版本新增的功能。
1.站內鏈接
站內鏈接就是在小程序內部實現鏈接的跳轉。打開文章內容頁的時候,小程序會對文章內的鏈接進行解析,實現跳轉或鏈接複製。文章內容里的鏈接一般分兩種:
1.指向站內的鏈接,包括文章鏈接,tag鏈接,分類鏈接等等。
2.指向站外的鏈接。
對於第二種鏈接情況,由於小程序的限制是無法通過打開鏈接,點擊這類鏈接的時候,會彈出一個提示:鏈接已複製 。這樣就可以打開手機瀏覽器,粘貼地址直接訪問了。
對於第一種鏈接情況,大致包括四類的鏈接:指向首頁,指向文章頁頁,指向tag頁,指向分類頁。對於指向tag和指向分類頁的鏈接本版本目前尚沒有處理,待下個版本完善。
對於指向首頁的鏈接,點擊此鏈接後會跳轉到小程序的首頁(首頁標籤)。
對於指向文章頁的鏈接,點擊此鏈接會直接跳轉到鏈接指向的文章頁。小程序的頁面跳轉支持wx.redirectTo和wx.navigateTo兩種方式。wx.redirectTo前者會關掉當前頁面,跳轉到應用內的頁面;wx.navigateToh保留當前頁面,跳轉到應用內的頁面,但是只能有5層跳轉,如果超過5次跳轉就不響應了。本版本兼容了兩種跳轉,前5次跳轉採用wx.navigateTo(在緩存記錄這個點擊的次數),超過5次后,採用wx.redirectTo。如果訪問一次首頁,程序會把這個點擊的次數歸零,這樣又可以wx.navigateTo的方式進行跳轉了,如此往複循環。
站內鏈接功能的實現得益於開源組件wxParse(https://github.com/icindy/wxParse)提供的支持,在這個解析組件里,提供一個wxParseTagATap事件,點擊a標籤觸發改事件。
注:目前站內鏈接的功能是基於我網站的WordPress的固定鏈接(permalink)來解析的,我網站WordPress的固定鏈接的最後設置了html作為後綴,文章名稱的解析也是基於此,如果你的網站固定鏈接不是這種形式,可能會無法正常跳轉。後續,我會考慮兼容多種情況的固定鏈接。
2.猜你喜歡
這個功能就是在文章的底部出現猜你喜歡的相關文章。
這個功能的實現很簡單,就是利用WordPress 的tag(標籤)的api,找到相關的文章顯示出來。這個功能可以幫助讀者閱讀更多相關的文章。
3.熱點文章
考慮到「瀏覽記錄」這個功能的訪問量很低,同時也佔用了緩存空間,在這次更新里,取消了這個功能,用熱點文章來替代這個功能。
WordPress rest api 中並不提供有關熱點文章的api介面,不過提供了擴展api的介面,可以利用這個介面來增加api的功能,同時可以通過插件來實現這個功能,因此本版本需要配合新版本的WordPress插件wp-rest-api-for-app,下載地址:https://github.com/iamxjb/wp-rest-api-for-app
在插件里增加了一個新的api Routes and Endpoints (原理參見:https://developer.wordpress.org/rest-api/extending-the-rest-api/routes-and-endpoints/):
https://www.watch-life.net/wp-json/watch-life-net/v1/
在這個新增的Routes and Endpoints中 ,添加兩個功能節點:
https://www.watch-life.net/wp-json/watch-life-net/v1/post/hotpostthisyear 獲取本年度最熱(評論最多)文章
https://www.watch-life.net/wp-json/watch-life-net/v1/post/hotpost 獲取本站最熱(評論最多)文章。
功能清單
一直都沒有總結WordPress版微信小程序提供的功能,下面列出的是程序的功能清單:
1.縮略圖的方式顯示文章列表(首頁,分類文章),包括顯示文章分類和發布時間,載入分頁。
2.在首頁用輪播方式顯示置頂文章。
3.顯示文章分類,包括顯示分類的封面圖片。
4.顯示文章內容頁,包括文章站內鏈接跳轉,站外鏈接複製到剪切板,顯示猜你喜歡的相關文章。
5.顯示文章評論,提交評論和回複評論,載入評論分頁,顯示微信用戶評論者的頭像。
6.顯示熱點文章。
7.顯示wordpress「頁面」類文字(關於頁面)。
8.對文章內容的全文搜索。
9.小程序頁面的分享和轉發。
10.WordPress 插件的配套功能。
我的各大自媒體平台統一名稱:守望軒