目录

小说小程序详细搭建教程附带后端前端源码-后台自带采集规则

小说小程序详细搭建教程附带后端+前端源码 后台自带采集规则

https://img-home.csdnimg.cn/images/20240715101418.png

关键词由CSDN通过智能技术生成

https://i-blog.csdnimg.cn/blog_migrate/323913df18598f4e77c0458646aa29e2.jpeg

前言:

本期给大家带来的教程是搭建一款微信小说小程序,源码博主这边已经给你们打包好了

先看看长什么样子吧!

https://i-blog.csdnimg.cn/blog_migrate/7dd50ceacbf5c3df2a58e5463a8d87ff.png

https://i-blog.csdnimg.cn/blog_migrate/c1385abdb5e3637734d6c005f08fd6f7.png

准备工作:

1.准备一台服务器

2.准备域名(必须备案域名)

3.后端+前端文件:

4.注册一个小程序

5.下载微信开发者工具

服务器环境:

这里我使用的宝塔Linux面板,Nginx 1.19,MySQL 5.6,PHP≥5.6(这里我使用的PHP7.0)

下面搭建教程开始

后端搭建:

第一步:添加站点

https://i-blog.csdnimg.cn/blog_migrate/96e6e18c41f5c34547a3bcf22c4eae9d.png

第二步:配置一下ssl证书,这里我直接使用宝塔自带的

https://i-blog.csdnimg.cn/blog_migrate/48fc9ae487f01a85dcfcfa219b0d053f.png

第三步:上传后端源码,先在本地压缩一下

https://i-blog.csdnimg.cn/blog_migrate/76d3943212bd764e2eea6361be934591.png

上传后解压

https://i-blog.csdnimg.cn/blog_migrate/c3e92e96ff12cdc611c22dd860af12e7.png

第四步:设置伪静态

设置thinkphp伪静态规则,然后点击保存

https://i-blog.csdnimg.cn/blog_migrate/dcb4e6ca7309711ef45215686e1e96bf.png

第五步:导入数据库文件

导入数据库后账号: admin 密码 123456 https://i-blog.csdnimg.cn/blog_migrate/cab2cdaa7ecc77cfb85d1f5006113f68.png

然后导入

https://i-blog.csdnimg.cn/blog_migrate/0e9b9d61662d5b3ca22b9ed20db0497f.png

前端对接:

第一步:打开下载好的微信开发者工具,导入小说前端文件

点击导入

https://i-blog.csdnimg.cn/blog_migrate/34c506643ddcaf7e4e62ea48795c3936.png

选择前端文件

https://i-blog.csdnimg.cn/blog_migrate/5cb1d12baee498fdd9eabb93bfcd7167.png

https://i-blog.csdnimg.cn/blog_migrate/ed2786d8b6784025fdb73db527441c45.png

第二步:修改前端配置

打开后我们还需要修改一下

https://i-blog.csdnimg.cn/blog_migrate/9a1481705870f3a1c3f2a652ad1fae04.png

打开后找到文件common/main.js修改一下域名

https://i-blog.csdnimg.cn/blog_migrate/7d9be2ab64bfbaefcd48d3d7db310b56.png

第三步:添加合法域名

;https://m.idejian.com;还有你的域名

https://i-blog.csdnimg.cn/blog_migrate/75a30a743913c8ed41899d30e861978d.png

前端也已经对接好了,这时候没有数据,我们进入后台采集一下

后端数据采集:

点击数据采集-采集管理-采集

https://i-blog.csdnimg.cn/blog_migrate/0bd51add4e36c44c6662f94c1d1090ed.png

然后我们等待即可

https://i-blog.csdnimg.cn/blog_migrate/2cca5f8cc32d419a56cfb67a85a9fa62.png

这时候前端就已经有了,哪里不懂,要看演示的可以给我发私信或者底部留言

https://i-blog.csdnimg.cn/blog_migrate/8539ad5cdeb5275666e0a298556d083e.png