前言

• WordPress壁纸小程序
• • 猫贝壁纸库
  • 介绍
  • 项目初衷
  • 搭建小程序
  • 教程

WordPress壁纸小程序

很多小伙伴都喜欢给自己的博客站，搞一个小程序，让用户能方便访问。为什么小程序如此受青睐呢？因为小程序与APP的直接区别就是，我能在微信上直接得到我想要东西，比如看文章，下载壁纸，而不用繁琐的去下载APP，然后还要注册登录，这也给了小程序带来了很多的受用人群。

猫贝壁纸库

先给大家看案例；

介绍

猫贝壁纸库是一款偏简约风格的壁纸小程序，包含多种分类，如帅哥潮男，美女，萌宠，风景，跑车，创意美图，动漫等等。

项目初衷

前面讲到，很多用户喜欢给自己的网站添加一个小程序，那么如果自己不会开发的情况下，应该怎么做呢？
可以选择常用的博客cms建站，这样的系统大多数都会有对应的小程序插件，以及一些开源的小程序源码。

如常用的：
一、WordPress
二、zblog
三、typecho
…
那么猫贝壁纸库这款小程序，采用的是WordPress程序建站，使用 艾码汇发布的免费插件，直接配置就可以对接小程序，非常的方便。

博主也是一个喜欢壁纸的人，经常换一些好看的手机壁纸，过几天看腻了就会寻找新的手机壁纸，但是都存放于手机上，壁纸数量过多，占存储空间，故而采用前后端对接，讲自己平时收集的好看的壁纸，存放于后端，方便自己在小程序上浏览下载。

搭建小程序

其实做一个小程序，并不难，难的是开发接口，做后端的人员。博主通过开源的小程序修改修改，成就了现在猫贝壁纸库，很多功能其实都是常见到的，并没有做什么开发，只是修改了一下界面，做了部分优化。

插件下载地址：WordPress Mini Program API 插件
开源源码：WordPress小程序

教程

一、准备工作

1.搭建WordPress博客，同时开启整站ssl，就是请求头为https；
2.网站域名需要备案；
3.在微信公众平台申请注册小程序（选择个人开发者），后面按自己小程序内容，填写就行；
4.博客安装上面讲述的插件，在后台，选择上传安装插件；
5.下载WordPress微信小程序源码；
6.下载安装微信web开发者工具。

二、配置微信小程序的服务器域名和业务域名

进入微信小程序公众平台的后台里，选择“开发”=>“开发设置”，对“服务器域名”进行配置，将网站地址加入，如下图：

三、启用插件并配置

进入WordPress后台，启用插件，点击微信小程序设置，在这个配置界面配置AppID，AppSecret，其他的可自行配置；

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

讲下载WordPress微信小程序源码，用微信开发者工具导入到项目，然后打开**\utils\base.js**文件，讲红框中的域名修改为你自己网站域名，最后点击编译测试。

修改完成后，测试如果没有问题就可以上传文件审核，审核通过后在微信小程序开发后台-版本-发布即可！

通过以上系列教程，相信你也可以轻松做一个小程序。