风声雨声

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 269|回复: 0

壁纸小程序搭建详细教程+源码

[复制链接]

116

主题

177

帖子

691

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
691
发表于 2022-4-7 18:37:52 | 显示全部楼层 |阅读模式
先看看小程序张什么样子的
小程序演示参考,扫码识别小程序
前期准备工作
小程序基于WordPress搭建的需要会熟练操作WordPress的不然很吃力,这个不要怕耐心看到底,本期教程包你学个七八成,如果你还是不会的话,当然站长这边是可以提供协助搭建的至于要求大家都懂的
第一步:服务器+域名(这个就不说了会得都会)
第二步:准备一个注册好的小程序
第三步:最重要的当然是源码没有的话怎么办呢!关注公众号: [url=]意木设计传媒[/url]回复“775”获取
第四步:准备WordPress源码:关注公众号回复:‘“wp”
第五步:做小程序域名需要部署ssl
第六步:下载微信开发者工具
准备完以上工作后,教程正式开始
第一步:WordPress搭建
下载好的WordPress源码后,上传你的服务器安装
我这里以宝塔面板来演示
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image006.jpg
上传完成后,解压完成后把WordPress里的文件拉到网站根目录如上图一样
然后这时候我们访问域名
下面教程看图片即可
上传完成后访问域名,接下来看完教程图片操作
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image008.jpg
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image010.jpg
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image012.jpg
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image013.gif
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image015.jpg
这里特别提醒一下
后台地址是域名/wp-admin
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image017.jpg
好了,登陆后就是这样了
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image019.jpg
WordPress搭建教程搭建完毕,下面的教程很简单,但也是很重要的一点
壁纸小程序:管理插件上传
这时候看到wp插件压缩成zip格式的压缩包
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image021.jpg
教程继续,进入网站根目录依次找到文件wp-content/plugins
上传黑金壁纸wp插件这个文件并且解压
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image023.jpg
以上操作完成后-打开WordPress后台-插件–已安装插件
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image025.jpg
然后点击设置
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image013.gif
然后填写小程序APPID和秘钥
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image027.jpg
这个时候去微信公众平台-登录小程序-添加一下合法域名
本期主要讲搭建教程,基础设置下期在讲
下面开始前端配置教程
前端导入:
打开微信开发者工具(没有的去下载)导入前端文件
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image029.jpg
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image031.jpg
只需要找到文件utils/config.js修改一下域名就可以
file:///C:/Users/ADMINI~1/AppData/Local/Temp/msohtmlclip1/01/clip_image033.jpg
到这来教程搭建完毕!哪里不详细下方留言,至于后期的设置教程等下期在出,也肯定有人疑问做这种上传图片是不是很占空间,这点放心可以把图片存放在七牛云里面,具体教程下期更新再见
本文转载乡情联系原作者: [url=]意木设计传媒[/url]https://mp.weixin.qq.com

小程序演示扫码进入




回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|风声雨声

GMT+8, 2022-5-27 20:05 , Processed in 0.059005 second(s), 20 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表