WordPress小程序源碼下載

各位Wordpress建站的站長們，想必你們想要實現Wordpress搭建小程序的方法和教程，經過一段時間的研究屬于實現了Wordpress與小程序的開發(fā)與對接。

費話少說直接給大家看本站小程序效果。

需要哪些準備

開發(fā)小程序，先申請小程序賬號，https://mp.weixin.qq.com，點擊注冊，選擇小程序，按要求填寫信息，注冊成功以后，設置里可以看到小程序AppID(小程序ID)。

需要哪些工具

安裝開發(fā)環(huán)境：
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html，下載對應版本，安裝完成。

WP小程序源碼插件

實現WP與小程序數據打通需要安裝插件，推薦WordPress REST API 小程序插件

免費開源 Mini Program API 插件后臺截圖

插件下載地址：

https://github.com/dchijack/wp-mini-program/releases

下載 WordPress 插件安裝之前需要注意幾個點：

1. WordPress 版本，目前插件支持最低版本是 4.9.8， 即網站的 WordPress 程序版本不得低于 4.9.8，否則部分功能會無法正常使用

2. WordPress 網站主題或者其他插件不能禁用 REST API 功能。如何驗證網站是否禁止了 REST API 功能，只需要通過網站域名加上 /wp-json/ 訪問檢查是否正常。這里需要注意一點，在檢查是否正常之前，需要設置固定鏈接形式，除樸素外的任意一種。大多數情況下，如果沒有安裝 JSONView 插件的話，看到的將會是亂碼一樣的代碼，正常情況下，這種情況屬于正常，只是需要注意的是，代碼頭部是否有報錯信息。如果沒有的話，那基本上是正?？捎玫摹?/p>

如果 WordPress 版本大于 4.9.8（目前插件支持到 5.2.2 版本，并且支持古騰堡編輯器），同時，網站也支持 REST API 。那么基本上可以正常使用。

安裝插件后的界面

微信小程序前端源碼

WordPress安裝完插件之后就需要對接的小程序前端的源碼，也就是讓大家看到的小程序界面。

目前小程序平臺非常多，有微信小程序，頭條小程序 ，百度小程序，支付寶小程序，QQ小程序等等。

每家的小程序平臺開發(fā)大概相似，只需要少量的修改就可以使用。

本教程先以微信小程序開發(fā)為例：看本站的小程序示例

前端界面是如下，掃碼進行瀏覽。

小程序源碼下載

微信小程序前端weTravel

源碼下載之后，利用微信小程序開發(fā)工具加載這個項目，就可以進行下一步的修改和編輯了。

代碼修改指南

1. 下載獲取前面提供的源碼包

2. 解壓壓縮包后, 打開weTravel 文件夾 utils 目錄下的 base.js

3. 修改 base.js 里的 const API_HOST = ‘你的域名’ // 注意，域名需要填寫協議，比如  https://www.ainiseo.com/

4. 登錄微信公眾號小程序后臺 – 開發(fā) – 服務器配置 ，把你的域名加入 request 域名

5. 登錄網站后臺, 在儀表盤下方的小程序設置里，填寫上對應的 AppID 和 AppScret

6. 然后使用微信開發(fā)者工具導入 weTravel 目錄進行開發(fā)調試

關于Wordpress小程序源碼