手把手教你0元拥有自己的壁纸小程序

背景:

首先感谢开源的大佬,本程序由极客分享开源并发布。

gitee:https://gitee.com/jikebox/jike-getpic
github:https://github.com/JiKe-Share/jike-getpic
dcloud:https://ext.dcloud.net.cn/plugin?id=7722

前言

即刻取图的出现是为一些壁纸自媒体解决变现问题,抖音的壁纸图片号、微信的壁纸公众号均可用此小程序实现变现能力,名字为即刻取图,因其没有任何复杂的操作,没有积分、没有发布、甚至没有登录,它只简单的为用户提供立刻快速的取图服务,它的流程很简单:用户搜图->看激励广告(你获得收益)->用户得到图片。这便实现了最简单的双方需求满足。

后端功能简单介绍

第一页是纯介绍,没啥用~~

第二个是基本设置,基本设置分为两大块:微信小程序的后台和抖音小程序,功能基本一致,主要是填写小程序的appid和密码以及是否开启模糊下载,还有各个广告对应的代码~

68196608c4e915dc540f0b35599ee6e5.png

b63a66e983d697637e9d53e5bad86b62.png

第三个是通用配置,这里面比较核心的是

ae50481e74ac8e97e24444f4eb80e42f.png

这三行对应着以下几个

48ea4a3ed1e4a891f0c08cb13656880e.png

接下来是样式管理,都不太重要,设置个顶图和配色,这个自己看着办。

6c568516eac77ff748bee49a84fa5a6b.png

后端安装教程

本教程需要你懂得基础的建站知识与小程序知识,如wordpress的建站、插件的安装与小程序上传代码、安全域名等基础知识。

1,后端安装wordpress

首先在宝塔安装你的wordpress站点(测试环境wordpress V5.9.2 PHP7.4),设置伪静态、配置ssl。

46050b148b1199cd7cc95fcb53e055be.png

设置伪静态配置ssl,不要点商用,这个可以免费用的

83072ba58380c9482b98ed3cb62dd84f.png

59126906458885d4573236837a8cecb4.png下载wordpress V5.9.2 版本,这个大家进行百度就好了,就长如下所示,如果找不到可以到最后直接一起下载,我整合全部放一起了~

aa943a0374c8acb9d179a737c400d0eb.png

然后把wordpress上传到网站,点一下这个网址就能进入根目录,然后点击上传

6cf4256760ea9e137c6545515883560c.png

上传后点击解压,然后复制剪切到根目录

0eccdb24ec03d4967300e6c787a327c0.png

到这里,基本上安装成功了,接下来打开wordpress

cc8ce8eda7a71d1b224cc34e1120848a.png

打开之后输入数据库账号密码,然后注册就可以进去后台了。

2,后端wordpress启用插件:

1,在wordpress里面找到插件,安装插件-上传插件-立即安装,将本插件目录上传 jike_getpic_api.zip并进行安装

2,在插件-已安装的插件中找到 jike_getpic_api,并点击启用。

4923069722a3bda7f1348327ebf4bad5.png

23b14eabced15ae7ef9be450c9cdfd54.png这时候后台会出现极客API菜单,点击菜单即可进行配置了。

到了这里之后,基本上已经搞定了后台了。

二、前端安装

前端配置比较简单,修改以下两个地方即可

下载hbuilderx软件,并将前端目录导入。

1,改域名

修改前端/config/config.js中域名为你自己的后台域名

808e59061d7a2a679fc2061894dded19.png

2,打开manifest.json

1)获取新的应用标识

2)微信小程序appid与字节小程序appid都改成你自己的

523c439a9429fd737100d98f8a28ae3a.png

3,分别从微信开发者工具与字节跳动开发者工具打开

微信小程序开发工具会自动跳出来

抖音开发工具需要你自己去安装路径导入项目

63f512cd84a945e8bdbada4371757e7a.png

有一容易忽略的点是,你的安全域名要去微信和字节跳动的后台分别添加,否则你就会出现空白屏~~

王者荣耀英雄皮肤皮肤壁纸,进下方公众号【码农编程进阶笔记】回复【王者荣耀】获取

如果喜欢,动动你那可爱的小手点个赞和回看format,pngformat,pngformat,png

ec85d9dfe424974944acef3eecc2f82a.jpeg

猜你喜欢

转载自blog.csdn.net/lxw1844912514/article/details/131078919