先来看看长啥样子吧!

img

不多 bb 了 教程开始

前期准备工作

小程序基于 WordPress 搭建的需要会熟练操作 WordPress 的不然很吃力,这个不要怕耐心看到底,本期教程包你学个七八成,如果你还是不会的话,当然站长这边是可以提供协助搭建的至于要求大家都懂的

第一步:服务器 + 域名(这个就不说了会得都会)

第二步:准备一个注册好的小程序(没有的去注册)点我直接跳转注册

第三步:最重要的当然是源码了 没有的话怎么办呢!点我去下载源码

第四步:准备 WordPress 源码:点击下载

第五步:做小程序域名需要部署 ssl

第六步:下载微信开发者工具

准备完以上工作后,教程正式开始

# 第一步:WordPress 搭建

下载好的 WordPress 源码后,上传你的服务器安装

我这里以宝塔面板来演示

img

上传完成后,解压完成后把 WordPress 里的文件拉到网站根目录如上图一样

然后这时候我们访问域名

下面教程看图片即可

上传完成后访问域名,接下来看完教程图片操作

img

img

img

img

img

这里特别提醒一下

后台地址是域名 /wp-admin

img

好了,登陆后就是这样了

img

WordPress 搭建教程搭建完毕,下面的教程很简单,但也是很重要的一点

# 壁纸小程序:管理插件上传

这时候看到 wp 插件压缩成 zip 格式的压缩包

img

教程继续,进入网站根目录依次找到文件 wp-content/plugins

上传黑金壁纸 wp 插件这个文件并且解压

img

以上操作完成后 - 打开 WordPress 后台 - 插件–已安装插件

img

然后点击设置

img

然后填写小程序 APPID 和秘钥

img

这个时候去微信公众平台 - 登录小程序 - 添加一下合法域名

本期主要讲搭建教程,基础设置下期在讲

下面开始前端配置教程

# 前端导入:

打开微信开发者工具(没有的去下载)导入前端文件

img

img

只需要找到文件 utils/config.js 修改一下域名就可以

img

到这来教程搭建完毕!哪里不详细下方留言,至于后期的设置教程等下期在出,也肯定有人疑问做这种上传图片是不是很占空间,这点放心可以把图片存放在七牛云里面,具体教程下期更新再见!

转载:https://www.axiangw.com/1127.html

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

flechazo 微信支付

微信支付

flechazo 支付宝

支付宝

flechazo 贝宝

贝宝