用微信小程序鏈接WordPress網站

隨着微信小程序的功能愈來愈強，特別對我的開發者的開放，讓我的開發者有機會嘗試微信小程序。若是你有本身的我的網站，就能夠把我的網站搬到微信小程序裏，經過小程序直接訪問網站的內容。

要想微信小程序能夠獲取網站的內容，這就要求網站提供web服務的api，好比提供獲取內容的json api，這些api包括查詢、添加、更新等操做。個人網站是使用WordPress 4.7.4 版本，提供REST API，這樣就不用本身開發api了，直接使用便可。條件具有，說幹就幹，我先拿本身的網站練手，也算是真正動手實踐一下小程序。

注意：以我的開發者申請的小程序，因爲沒法提交「文娛-資訊」類的小程序，所以若是提交非「娛樂-資訊」類時，在審覈的時候會被拒絕，如下是我第一次提交時被拒的反饋

小程序」守望軒網站」代碼發佈審覈結果

你的小程序」守望軒網站」代碼發佈審覈未經過，緣由以下：
1:小程序內容不符合規則:
(1):小程序服務內容涉及文娛-資訊，屬未開放類目，建議選擇企業小程序
根據反饋的審覈結果來看，只有企業類小程序才能夠發佈「文娛-資訊」類的小程序。不過2017年4月28日開始，通過認證的企業公衆號能夠快速註冊並認證新的小程序，若是你能夠找個認證的企業公衆號幫忙快速註冊一個小程序，通過這樣註冊的小程序是能夠發佈「文娛-資訊」類的小程序。

基本設置

首先配置微信小程序的基本信息，這部分配置必定要謹慎，由於每個月修改次數是有限定的，特別小程序名稱在發佈後是須要認證才能修改的，起名字前必定要認真想好，發佈後再來修改，就比較麻煩了。

首先須要到小程序的後臺管理去獲取小程序的開發者ID和密鑰，同時設置提供web服務api的域名連接地址，特別注意的是該域名的連接地址須要是HTTPS。（關於如何WordPress類型的網站如何開啓HTTPS，見文章：WordPress整站輕鬆開啓HTTPS）

小程序開發

小程序的開發能夠參考官方的文檔：https://mp.weixin.qq.com/debu...。針WordPress類型的網站，主要得到如下的內容：

1、獲取文章（posts）的列表

1. rest api連接：https://www.watch-life.net/wp... ，per_page參數表示每頁的記錄條數，page參數表示第幾頁。

2.獲取文章列表的主要代碼：

考慮顯示文章列表時，不是完整顯示文章內容，只是顯示摘要，因而獲取了文章內容的一部份內容做爲摘要，同時，考慮到文章中有html的代碼，所以去掉了文章中有關html的代碼，這樣顯示起來就比較乾淨整潔。

3.前端（wxml文件）顯示文章列表的主要代碼：

以上代碼主要實現對文章標題和摘要的顯示。

2、獲取文章（posts）的內容

1.rest api連接：https://www.watch-life.net/wp...，id表示的是文章的id

2.獲取文章內容的主要代碼：

因爲文章內包含大量的html標籤，在微信小程序裏是沒法顯示的，所以採用了一個把html解析爲wxml的第三方程序：wxParse，上圖中用紅框標識的代碼就是採用該程序的調用方法。

3.前端（wxml文件）顯示文章內容的主要代碼：

2、獲取頁面（pages）的分類
1.rest api連接：https://www.watch-life.net/wp...

2.獲取頁面分類的代碼能夠參考獲取文章列表的程序。

2、獲取頁面（pages）的內容
1.rest api連接：https://www.watch-life.net/wp...，id表示的是頁面的id

2.獲取頁面內容的代碼能夠參考獲取文章內容的程序。

至此一個簡單的小程序連接wordpress網站的程序開發完畢。最後就是提交小程序並審覈。審覈經過後，就能夠發佈了。小程序發佈後，就能夠把我的的公衆號綁定小程序了。綁定後就能夠在公衆號裏看到小程序，以下圖所示：

最後小程序顯示以下：

個人網站服務器在國外，在速度上訪問有些慢，所以小程序顯示也會有些慢，另外文章的正文在處理的時候格式上還有些問題，後續我會繼續完善，儘快更新版本。

「守望軒」網站小程序的源代碼我已經放在github開源：https://github.com/iamxjb/win...

本文首發地址：https://www.watch-life.net/wo...