先来看看长啥样子吧!
不多 bb 了 教程开始
前期准备工作
小程序基于 WordPress 搭建的需要会熟练操作 WordPress 的不然很吃力,这个不要怕耐心看到底,本期教程包你学个七八成,如果你还是不会的话,当然站长这边是可以提供协助搭建的至于要求大家都懂的
第一步:服务器 + 域名(这个就不说了会得都会)
第二步:准备一个注册好的小程序(没有的去注册)点我直接跳转注册
第三步:最重要的当然是源码了 没有的话怎么办呢!点我去下载源码
第四步:准备 WordPress 源码:点击下载
第五步:做小程序域名需要部署 ssl
第六步:下载微信开发者工具
准备完以上工作后,教程正式开始
# 第一步:WordPress 搭建
下载好的 WordPress 源码后,上传你的服务器安装
我这里以宝塔面板来演示
上传完成后,解压完成后把 WordPress 里的文件拉到网站根目录如上图一样
然后这时候我们访问域名
下面教程看图片即可
上传完成后访问域名,接下来看完教程图片操作
这里特别提醒一下
后台地址是域名 /wp-admin
好了,登陆后就是这样了
WordPress 搭建教程搭建完毕,下面的教程很简单,但也是很重要的一点
# 壁纸小程序:管理插件上传
这时候看到 wp 插件压缩成 zip 格式的压缩包
教程继续,进入网站根目录依次找到文件 wp-content/plugins
上传黑金壁纸 wp 插件这个文件并且解压
以上操作完成后 - 打开 WordPress 后台 - 插件–已安装插件
然后点击设置
然后填写小程序 APPID 和秘钥
这个时候去微信公众平台 - 登录小程序 - 添加一下合法域名
本期主要讲搭建教程,基础设置下期在讲
下面开始前端配置教程
# 前端导入:
打开微信开发者工具(没有的去下载)导入前端文件
只需要找到文件 utils/config.js 修改一下域名就可以
到这来教程搭建完毕!哪里不详细下方留言,至于后期的设置教程等下期在出,也肯定有人疑问做这种上传图片是不是很占空间,这点放心可以把图片存放在七牛云里面,具体教程下期更新再见!
转载:https://www.axiangw.com/1127.html