通用项目详细的搭建教程
一、为了防止测试数据对您造成影响,我们已经清理了如下数据
1. 清除 /application/config.php 小程序信息
2. 清除 /application/database.php 数据库信息
3. 清除 /public/install/resources/db.sql 数据库测试数据
4. 清除 /public/install/installed.lock 安装锁定文件
5. 清除 /readme/我发布的资料需要删除 测试账号信息
二、后台管理部署
1. 打开宝塔面板->网站->添加站点
2. 如下图输入域名youquceping.wwssaadd.com(更改为自己的域名)
3. PHP版本选择 PHP-73,点击提交(数据库在后台设置好参数后,会自动创建)

4. 上传源代码文件如下图(建议压缩上传然后解压到网站目录)

5. 点击创建的网站->网站目录->运行目录->选择” /public”,如下图

6. 选择伪静态,输入如下代码,然后保存,如下图
location / {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}

7. 点击SSL->Let's Encrypt->文件验证(建议选择)->选择要申请的域名(可多选)->点击申请。等待申请成功。

申请成功后如下界面

8. 然后打开该网站如图,点击确定安装,(该方式为自动安装,自动导入数据库配置文件,如需手动安装,直接参见下方 “三.手动安装”,)

9. 同意并继续

10. 确保目录都有权限如下图,如果没有权限看(11)

11. 如果没有权限,点击网站的根目录,进行权限控制

鼠标移动到目录上点击权限

然后如下图赋予文件全部读写权限777,确定

然后回到第(10)
12. 确保页面无错误标记后,点击下一步
13. 输入本地域名,数据库信息,后台管理的账号密码,准确无误后,点击下一步,然后请耐心等待程序安装。

注:如果微信小程序或都应小程序参数这是错误,也可进入项目的配置文件进行修改如下如所示:

14. 如下图全部安装成功后,点击下一步,如果中途有错误可手动删除创建的数据库,然后重新打开域名,从第一步开始安装

15. 点击下一步后,后台全部安装完成,可收藏本页面,方便快速访问前后台

16. 如果有前端网站,点击访问首页,如果是小程序可忽略,打开后是我们网站的介绍
17. 点击后台管理进入后台管理页面,输入创建时的账号密码进行登录,就可以进行后台管理了

18. 自动安装步骤完成
三、如果不能自动安装,请请手动安装
1. 导入数据库

2. 手动修改数据库配置文件,红框处填写正确(文件:/application/database.php)

3. 如需修改系统配置参数请在此文件修改 (文件:/application/config.php)

4. 打开绑定的域名,点击后台管理进入后台管理页面,输入创建时的账号密码进行登录,就可以进行后台管理了

点击网站打开绑定的域名

5. 手动安装完成
四、下载客户端使用的软件
1. Hbuilder 下载app开发版,用于编译通用小程序代码uniapp去这里下载 https://www.dcloud.io/hbuilderx.html如图

2. 微信小程序下载如图:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

3. 抖音,头条等,字节跳动旗下开发者工具下载如图:https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/download/developer-instrument-update-and-download/

4. 打开hbuild,导入项目选择: 文件->导入->从本地目录导入

5. 导入后打开 common/app.js修改为自己创建的网站后台域名,如下代码修改为自己的域名
let host = 'https://youquceping.wwssaadd.com' //我的版本

6. 打开 工具->设置->运行配置
设置微信小程序,字节跳动小程序等开发者工具路径,根据需要配置路径

7. 运行小程序,运行->运行到小程序模拟器->微信开发者工具如图

8. 运行起来小程序可根据自己需要查看小程序情况,运行的小程序代码包括了调试库体积偏大,虽然也可以直接上传发布,但建议选择下面的方式发布程序

9. 发行小程序
(1) 发行->小程序-微信

(2) 然后填写小程序名称和appid

(3) 等待程序运行起来后,可上传发布

10. 运行抖音小程序,
(1) 运行->运行到小程序模拟器->字节跳动开发者工具如图

(2) 等待字节跳动小程序开发者工具启动后,在字节跳动小程序开发者工具中打开:D:\NEW\uniapp\有趣测评\有趣测评\unpackage\dist\dev\mp-toutiao,然后在HBuilderX中修改文件并保存,会自动刷新字节跳动小程序开发者工具

(3) 点击导入项目,选择目录,项目名称和AppID会自动获取过来,然后点击导入项目

(4) 运行起来后可以根据自己需求操作,这里也可以上传代码,但是建议用发行的方式

(5) 发行小程序
<1> 点击发行->小程序-字节跳动小程序

<2> 填写名称和appid然后点击发行

<3> 等待字节跳动小程序开发者工具启动后,在字节跳动小程序开发者工具中打开:D:\NEW\uniapp\有趣测评\有趣测评\unpackage\dist\build\mp-toutiao,并请在字节跳动小程序开发者工具中点击上传

<4> 然后发布小程序

五、微信获取 AppID(小程序ID)和AppSecret(小程序密钥)
1. 打开微信开发者平台,https://mp.weixin.qq.com/,注册账号并登录
2. 点击开发者管理->开发者设置,查看和生成AppID(小程序ID)和AppSecret(小程序密钥)

3. 然后设置自己的服务器域名

六、抖音获取 AppID(小程序ID)和AppSecret(小程序密钥)
1. 打开抖音发者平台,https://microapp.bytedance.com/,注册账号并登录

2. 点击开发者管理->开发者设置,查看和生成AppID(小程序ID)和AppSecret(小程序密钥)
3. 然后设置自己的服务器域名

六、APP发布
1.点击HBUILD发行->原生APP-云打包

2.填写自己的安卓/苹果密钥(密钥申请略)


3.然后点击打包等待控制台下载地址点击下载。


七、H5网页发布
1.打开文件 manifest.json->Web配置->运行基础配置,配置你发布后存放的文件夹名称(如我想通过 http://youquceping.wwssaadd.com/h5 访问这个程序,这里就填写 “/h5/”,然后放到服务器文件夹下)


1.点击发行->网站-PC Web或手机H5

2. 点击发行等待发行后的代码文件

3. 点击发行后的目录,部署到服务器(我的是通过 http://youquceping.wwssaadd.com/h5 访问,部署完成)

胡海洋13622060782
2023年3月16日