前言

• WordPress壁紙小程序
• • 貓貝壁紙庫
  • 介紹
  • 項(xiàng)目初衷
  • 搭建小程序
  • 教程

WordPress壁紙小程序

很多小伙伴都喜歡給自己的博客站，搞一個(gè)小程序，讓用戶能方便訪問。為什么小程序如此受青睞呢？因?yàn)樾〕绦蚺cAPP的直接區(qū)別就是，我能在微信上直接得到我想要東西，比如看文章，下載壁紙，而不用繁瑣的去下載APP，然后還要注冊登錄，這也給了小程序帶來了很多的受用人群。

貓貝壁紙庫

先給大家看案例；

介紹

貓貝壁紙庫是一款偏簡約風(fēng)格的壁紙小程序，包含多種分類，如帥哥潮男，美女，萌寵，風(fēng)景，跑車，創(chuàng)意美圖，動(dòng)漫等等。

項(xiàng)目初衷

前面講到，很多用戶喜歡給自己的網(wǎng)站添加一個(gè)小程序，那么如果自己不會(huì)開發(fā)的情況下，應(yīng)該怎么做呢？
可以選擇常用的博客cms建站，這樣的系統(tǒng)大多數(shù)都會(huì)有對(duì)應(yīng)的小程序插件，以及一些開源的小程序源碼。

如常用的：
一、WordPress
二、zblog
三、typecho
…
那么貓貝壁紙庫這款小程序，采用的是WordPress程序建站，使用 艾碼匯發(fā)布的免費(fèi)插件，直接配置就可以對(duì)接小程序，非常的方便。

博主也是一個(gè)喜歡壁紙的人，經(jīng)常換一些好看的手機(jī)壁紙，過幾天看膩了就會(huì)尋找新的手機(jī)壁紙，但是都存放于手機(jī)上，壁紙數(shù)量過多，占存儲(chǔ)空間，故而采用前后端對(duì)接，講自己平時(shí)收集的好看的壁紙，存放于后端，方便自己在小程序上瀏覽下載。

搭建小程序

其實(shí)做一個(gè)小程序，并不難，難的是開發(fā)接口，做后端的人員。博主通過開源的小程序修改修改，成就了現(xiàn)在貓貝壁紙庫，很多功能其實(shí)都是常見到的，并沒有做什么開發(fā)，只是修改了一下界面，做了部分優(yōu)化。

插件下載地址：WordPress Mini Program API 插件
開源源碼：WordPress小程序

教程

一、準(zhǔn)備工作

1.搭建WordPress博客，同時(shí)開啟整站ssl，就是請(qǐng)求頭為https；
2.網(wǎng)站域名需要備案；
3.在微信公眾平臺(tái)申請(qǐng)注冊小程序（選擇個(gè)人開發(fā)者），后面按自己小程序內(nèi)容，填寫就行；
4.博客安裝上面講述的插件，在后臺(tái)，選擇上傳安裝插件；
5.下載WordPress微信小程序源碼；
6.下載安裝微信web開發(fā)者工具。

二、配置微信小程序的服務(wù)器域名和業(yè)務(wù)域名

進(jìn)入微信小程序公眾平臺(tái)的后臺(tái)里，選擇“開發(fā)”=>“開發(fā)設(shè)置”，對(duì)“服務(wù)器域名”進(jìn)行配置，將網(wǎng)站地址加入，如下圖：

三、啟用插件并配置

進(jìn)入WordPress后臺(tái)，啟用插件，點(diǎn)擊微信小程序設(shè)置，在這個(gè)配置界面配置AppID，AppSecret，其他的可自行配置；

四、上傳WordPress微信小程序前端

講下載WordPress微信小程序源碼，用微信開發(fā)者工具導(dǎo)入到項(xiàng)目，然后打開**\utils\base.js**文件，講紅框中的域名修改為你自己網(wǎng)站域名，最后點(diǎn)擊編譯測試。

修改完成后，測試如果沒有問題就可以上傳文件審核，審核通過后在微信小程序開發(fā)后臺(tái)-版本-發(fā)布即可！

通過以上系列教程，相信你也可以輕松做一個(gè)小程序。