search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

WordPress版微信小程序2.2.0版發布

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 插件的配套功能。

我的各大自媒體平台統一名稱:守望軒



熱門推薦

本文由 yidianzixun 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦