Wordpress闪盔，相信很多很多人都用過弯院，是一款大名鼎鼎的內(nèi)容管理系統(tǒng)(CMS)，因其社區(qū)的強(qiáng)大泪掀，插件的豐富听绳，用它來建網(wǎng)站和博客真的是非常方便好用。它擁有功能強(qiáng)大的管理后臺(tái)异赫，使得對(duì)目錄椅挣、文章以及標(biāo)簽的創(chuàng)建和管理，都變得輕松簡單塔拳。
我們?cè)谠O(shè)計(jì)和開發(fā)我們的微信小程序的時(shí)候鼠证，可能會(huì)遇到需要?jiǎng)?chuàng)建和管理一系列文章類型的內(nèi)容，比如一個(gè)法律手冊(cè)小程序靠抑，或是一個(gè)菜譜小程序量九。這種時(shí)候，我們有兩種選擇：
自己開發(fā)一個(gè)文章管理功能
借助現(xiàn)有的CMS產(chǎn)品
自己開發(fā)一個(gè)固然不錯(cuò)颂碧，可以根據(jù)自己的實(shí)際需要荠列，來靈活的進(jìn)行功能的定制。但是载城，要開發(fā)好一個(gè)這樣的功能肌似，還是需要一定的工作量的∷咄撸快速開發(fā)出一個(gè)產(chǎn)品并投入市場川队，去驗(yàn)證自己的產(chǎn)品設(shè)想是否正確，是一個(gè)非常重要的事情睬澡。我們要適當(dāng)?shù)牟捎媚脕碇髁x固额，爭取節(jié)約開發(fā)產(chǎn)品的周期。從這一點(diǎn)出發(fā)猴贰，Wordpress就為我們?cè)趦?nèi)容管理這類需求上面，提供了一個(gè)很好很現(xiàn)成的工具河狐。
好了米绕，閑話不多說瑟捣，我們來看一下怎么讓W(xué)ordpress成為我們的微信小程序的內(nèi)容發(fā)動(dòng)機(jī)。
架構(gòu)概覽
在服務(wù)器端栅干，我們分為主管業(yè)務(wù)的后端程序和主管文章內(nèi)容的Wordpress程序迈套，它們都通過Nginx或Apache進(jìn)行代理，向外暴露服務(wù)接口（或者你不想讓外面直接訪問你的wordpress的話碱鳞，wordpress可以省去代理桑李，藏在服務(wù)器內(nèi)部，僅提供來自主業(yè)務(wù)后端程序的訪問）窿给。
然后小程序客戶端方面贵白，就可以通過Nginx暴露出來的接口，訪問到主業(yè)務(wù)提供的服務(wù)和wordpress的服務(wù)崩泡。
安裝Wordpress與設(shè)置
Wordpress安裝的教程網(wǎng)上太多了禁荒，我就不詳細(xì)介紹了，自行搜索吧角撞。安裝完成后呛伴，你就可以登錄它的管理后臺(tái)，進(jìn)行文章和目錄之類的撰寫管理了谒所。
下一步热康，我們要讓外部程序可以更方便的調(diào)用Wordpress的功能，讓我們可以通過REST API來操作和獲取Wordpress中的數(shù)據(jù)劣领。Wordpress可以通過安裝插件來提供這樣的功能姐军，而且類似功能的插件不止一個(gè)。我在這里剖踊，使用了一個(gè)名為Wordpress Rest API的插件庶弃，這個(gè)插件提供的功能比較全面一些本谜，而且在最新版本的Wordpress中糙麦，它的功能已經(jīng)被官方作為基礎(chǔ)功能集成進(jìn)了Wordpress中，所以比較推薦使用亲桥。
安裝并在插件管理頁面啟用這個(gè)插件以后（怎么安裝和啟用我不贅述了梆造，簡單的令人發(fā)指缴守，自行搞定吧），我們就擁有了通過REST API操作Wordpresss的能力镇辉。
比如通過發(fā)起GET請(qǐng)求URL地址：http://your-domain/wp-json/wp/v2/posts屡穗，我們就可以獲取到JSON格式的Wordpress中的文章列表。當(dāng)然忽肛，也可以通過POST請(qǐng)求村砂，DELETE請(qǐng)求等，執(zhí)行創(chuàng)建和刪除文章的操作屹逛。
你可以點(diǎn)擊這個(gè)鏈接础废，看一下輸出的示例數(shù)據(jù)汛骂。
更多功能呢，可以查看插件使用手冊(cè)
了解了這一點(diǎn)评腺，我們就可以對(duì)Wordpress中的內(nèi)容進(jìn)行進(jìn)一步的開發(fā)利用了帘瞭。
開發(fā)
至此，小程序就可以直接調(diào)用暴露出來的Wordpress REST API了蒿讥，例如：
wx.request({
url: 'https://your-domain/wp-json/wp/v2/posts',
header: {
'content-type': 'application/json'
},
success: function(res) {
console.log(res.data)
}
})
但是蝶念，為了保證入口的統(tǒng)一性，以及有可能對(duì)從Wordpress中的數(shù)據(jù)需要進(jìn)行二次加工的便利性芋绸，我們推薦從主業(yè)務(wù)后端程序中發(fā)起對(duì)Wordpress的REST API調(diào)用媒殉。
比如我要做一個(gè)從Wordpress中搜索我的文章的功能。我會(huì)從我的Node.js寫的后端程序中發(fā)起對(duì)Wordpress REST API的調(diào)用侥钳，代碼大致像這樣的（其他后臺(tái)語言可以做個(gè)參考）：
post.service.js
const request = require('request')
const errors = require('../consts/errors')
const WP_JSON_API = 'https://xxxxxx/wp-json/wp/v2'
function search(keyword) {
return new Promise((resolve, reject) => {
// 調(diào)用Wordpress：
// https://xxxxxx/wp-json/wp/v2?per_page=10&search=xxxx
request.get(`${WP_JSON_API}/posts`, {
json: true,
qs: {
per_page: 10,
search: keyword
}
}, (err, resp, result) => {
if (err) {
reject(errors.KW_SEARCH_POST_FAIL)
} else {
// result就是從wordpress中獲取到的JSON數(shù)據(jù)了
// 你可以在這里對(duì)數(shù)據(jù)再做一些額外的加工适袜，比如去掉數(shù)據(jù)我們不需要的字段等等...
resolve(result)
}
})
})
}
post.route.js
const express = require('express')
const router = express.Router()
const resUtil = require('../lib/util/response')
const postService = require('../../services/post')
// 這是實(shí)際給小程序調(diào)用的API
// https://xxxxx/api/posts/search?keyword=xxxx
router.get('/api/posts/search', async (req, res) => {
try {
const keyword = req.query.keyword
const posts = await postService.search(keyword)
resUtil.success(res, posts)
} catch (e) {
resUtil.error(res, e)
}
})
然后，微信小程序客戶端程序代碼就可以調(diào)用我們主業(yè)務(wù)后端代碼中提供的搜索文章的API了：
wx.request({
url: 'https://your-domain/api/posts/search',
data: {
keyword: '這里是搜索關(guān)鍵字'
},
header: {
'content-type': 'application/json'
},
success: function(res) {
console.log(res.data)
}
})
相信你看懂了這些舷夺，就能更有效的對(duì)Wordpress進(jìn)行開發(fā)利用了苦酱。而且不止是對(duì)Wordpress，很多有用的開源軟件给猾，我們都可以用類似的方法加以利用疫萤，節(jié)約我們開發(fā)產(chǎn)品的時(shí)間，為我們帶來更多的機(jī)會(huì)敢伸。
