首页>>站长资讯>>经验教程

教程包你学个七八成,不多bb了

2024-03-24 03:37:40 184

先来看看长啥样子吧!

手机微信扫描识别二维码看效果:

不多bb了 教程开始

前期准备工作

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

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

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

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

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

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

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

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

第一步:搭建

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

我这里以宝塔面板来演示

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

然后这时候我们访问域名

下面教程看图片即可

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

宝塔面板教程_宝塔面板搭建教程_宝塔面板使用教程

宝塔面板教程_宝塔面板搭建教程_宝塔面板使用教程

宝塔面板使用教程_宝塔面板教程_宝塔面板搭建教程

宝塔面板搭建教程_宝塔面板使用教程_宝塔面板教程

这里特别提醒一下

后台地址是域名/wp-admin

宝塔面板搭建教程_宝塔面板教程_宝塔面板使用教程

好了,登陆后就是这样了

宝塔面板教程_宝塔面板搭建教程_宝塔面板使用教程

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

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

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

宝塔面板搭建教程_宝塔面板使用教程_宝塔面板教程

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

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

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

宝塔面板使用教程_宝塔面板搭建教程_宝塔面板教程

然后点击设置

宝塔面板教程_宝塔面板搭建教程_宝塔面板使用教程

然后填写小程序APPID和秘钥

宝塔面板搭建教程_宝塔面板使用教程_宝塔面板教程

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

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

下面开始前端配置教程

前端导入:

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

宝塔面板教程_宝塔面板使用教程_宝塔面板搭建教程

宝塔面板教程_宝塔面板搭建教程_宝塔面板使用教程

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

宝塔面板使用教程_宝塔面板搭建教程_宝塔面板教程

到这来教程搭建完毕!哪里不详细下方留言.点击下图可浏览参观

宝塔面板使用教程_宝塔面板教程_宝塔面板搭建教程