wordpress壁纸小程序开源版_图片小程序源码

WordPress壁纸小程序

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

猫贝壁纸库

先给大家看案例;
wordpress壁纸小程序开源版_图片小程序源码

介绍

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

项目初衷

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

如常用的:
一、WordPress
二、zblog
三、typecho

那么猫贝壁纸库这款小程序,采用的是WordPress程序建站,使用 艾码汇发布的免费插件,直接配置就可以对接小程序,非常的方便。

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

搭建小程序

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

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

教程

一、准备工作

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

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

进入微信小程序公众平台的后台里,选择“开发”=>“开发设置”,对“服务器域名”进行配置,将网站地址加入,如下图:
wordpress壁纸小程序开源版_图片小程序源码
三、启用插件并配置

进入WordPress后台,启用插件,点击微信小程序设置,在这个配置界面配置AppID,AppSecret,其他的可自行配置;
wordpress壁纸小程序开源版_图片小程序源码
四、上传WordPress微信小程序前端

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

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

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