壁纸取图小程序源码搭建教程(支持抖音+快手+微信平台)

时间:2022-09-15作者:九维分类:小程序源码评论:2

抖音取图小程序一直是受到各位玩流量主和付费下载的朋友所喜爱,因为此前抖音版的小程序开发较少,不得不将流量引入到微信小程序。而今天给大家带来的这款取图小程序是微信、快手和抖音三合一的小程序,可以三端同时运行,就不用再跨平台操作,更方便用户直接取图。

如果是自己要搭建,需要准备备案域名、国内服务器以及对应的开发者账号申请。这套程序也是基于比较流行的WordPress做后端,Vue的前端来做的开发,大家知道WordPress的延申功能非常多,二次开发和插件支持都非常方便,所以本程序也是以插件的形式嵌入到WP的后端。

ssfg.jpg

一、小程序功能原理介绍:

这是一个图片类小程序,你可以使用一些云存储插件/采集插件来增强你的wordpress后端操作,本程序不自带这些功能,不支持二级分类,你仅需创建一级分类即可。比如我便只设置了几个大类:壁纸、头像、表情包、背景等等你能想到的一些图集类型,剩下的交给标签控制。

1、标签=编号,用户在前端搜图时,点击搜索,后端会最优先搜索有无此名称的标签,如果有便会直接引导用户进入此标签的图集页。所以你引导用户取图应该将用户的图加上你自己设置的标签(编号),然后告诉用户取图编号,用户搜索此编号(标签),便可直接取图。

2、如果用户特立独行,非要搜索你没设置的标签时,后台检索无此标签,便会根据用户关键词检索关键的文章(图片)标题进行返回相关的文章。

3、每篇文章可以是一张图(例如壁纸),也可以是多张图集(如多个头像、表情包),前端会根据文章内图片的数量进行不同显示。一张图时,全屏显示,用户下载也仅获得此图,多张图时会以轮播形式展示,用户点击下载会一次保存所有图片。

4、另外增加了增加了动态壁纸功能,也就是视频。注意,它无法像图片一样可以一篇文章多张图轮播显示,而是只支持一个MP4视频文件,添加视频后,文章也不要再加其它没用的内容。

5、目前后台逻辑是这样的,检测到文章有视频就算做动态壁纸,返回一个视频到前端,没有视频就检测图片,图片会以多张形式返回前端轮播展示。如果图片视频都没有,就会空内容,代码完全不检测文章内的文字等其它内容。
ffsds.png
二、安装教程
1)后端安装:
环境:PHP7.2-7.4
后端安装wordpress程序系统(程序系统下载地址:https://cn.wordpress.org/),也可以使用宝塔里面的一键部署该系统。安装好WP系统了以后我们登录该系统的后台,然后点击左边的插件然后点击安装插件,然后点上传插件把我们压缩包里面的插件上传上去安装并启用。插件安装好了以后我们在左边可以看到多了一个API的选项,我们点击进去然后基本设置里面设置你需要的对应端的小程序ID和密钥等等设置,至于其它设置大家自行设置了哟。
sdferfs.png
2)前端安装:
  • 下载对应端的开发者工具比如微信开发者工具,字节开发者工具等等
  • 然后下载hbuilderx开发者软件,并将前端里面的目录导入(首次使用hb开发者工具的朋友还需要设置一下各端对应的开发者工具运行目录)。
  • 然后设置manifest.json文件中的微信小程序appid与字节小程序appid(或者快手appid)都改成你自己的
  • 修改前端/config/config.js中域名为你自己的后台域名
  • 然后点击发行微信或者字节或者快手小程序,到此前端安装完毕

以上便是抖音壁纸取图小程序的介绍和安装流程,大家可以根据需要下载安装,安装过程中如果有问题欢迎交流。
相关推荐

猜你喜欢