目录
1.项目部署前的准备
1.1获取APPID和APPSecret(微信小程序)
1.2测试工具
1.3微信开发者工具下载与安装
2.Ego微商后端项目部署
2.1部署细节流程
2.2部署架构图
2.3组件要求及版本
2.4后台部署操作
2.4.1安装vm和cenos7
2.4.2本地服务检查
2.4.3安装应用服务
2.4.4上传项目包
2.4.5Apache配置文件的说明
2.4.6数据库初始化
2.4.7修改配置文件
2.4.7.1修改Apache配置文件
2.4.7.2修改服务端文件 (项目配置文件)
3.前端项目部署
3.1导入项目
3.2ego项目界面显示
3.3修改前端配置文件
3.3.1修改根目录文件project.config.json
3.3.2 修改API地址(请求后台服务器地址)
3.3.3本地设置的配置更改
3.4编译
3.5客户端若报token无效如何处理(切换到-我的,会报错)
微信小程序注册流程及APPID,APPSecret获取-CSDN博客
把获取到的APPID,APPSecret复制粘贴,保存下来,等会要用到
navicat,fiddler,xshell,xftp等
可参考:微信开发者工具下载与安装-CSDN博客
微信开发者工具说明 初始化界面客户端可理解为前端,服务端可理解为后端;
微信开发者工具:学习阶段(以这个来举例)
手机/手机模拟器:实际工作中用到(需要开发人员邀请对应微信账号成功后才能体验)
vm安装教程(本人安装的是最新版17)
VM15软件安装教程(全网最详细)-CSDN博客
cenos7在vm中的安装教程
VM安装Cenos7(全网超详细保姆教程)_vm安装centos7教程-CSDN博客
cat /etc/redhat-release
通过LAMP,一键安装部署系统服务
命令生成地址: LNMP一键安装包无人值守命令生成器
参考链接
Cenos7系统通过链接一键安装LAMP项目环境(linux,apache,mysql,php)_centos7lamp一键安装-CSDN博客
# 切换到指定路径 cd /home/wwwroot/default/ # 解压缩上传的项目包文件到当前路径 unzip egoser.zip # 修改解压之后的所有文件权限到最大 chmod -R 777 egoser # -R 表示修改的是整个目录包含目录下所有文件的权限 # 修改完毕后查看文件详细信息(权限) ls -l
apache的路径为:/usr/local/apache/conf/extra
查看apache虚拟主机配置:httpd-vhosts.conf
httpd-vhosts.conf内容(内容少的,可以cat指令)
apache配置文件说明:
# 在linux进入数据库(数据库密码) mysql -u root -p # 查看当前mysql有哪些数据库 show databases; # 创建数据库egowx并设置编码方式和排序规则(utf8_general_ci) create database egowx charset utf8 collate utf8_general_ci; # 方式一:恢复备份文件(在linux下面操作:需要输入数据库密码) mysql -u root -p egowx < /home/wwwroot/default/egoser/ego.sql # 方式二:恢复备份文件(在mysql下面操作) # 使用(打开)数据库 use egowx; # 导入备份好的sql文件 source /home/wwwroot/default/egoser/ego.sql; # 查看某数据库下有哪些表 show tables; # 退出数据库 exit;
创建名为egowx数据库
再egowx数据库中导入.sql文件
# 方式一:恢复备份文件(在linux下面操作:需要输入数据库密码) mysql -u root -p egowx < /home/wwwroot/default/egoser/ego.sql# 方式二:恢复备份文件(在mysql下面操作) # 使用(打开)数据库 use egowx; # 导入备份好的sql文件 source /home/wwwroot/default/egoser/ego.sql;# 查看某数据库下有哪些表 show tables; # 退出数据库 exit;本人用的方法二做演示查看导入后数据库的表
扩展---Navicat远程连接数据库服务器方式(用ssh)
通过ssh方式连接
本人不通过ssh,直接连接即可
# Apache配置文件路径 cd /usr/local/apache/conf/extra/ # 重命名配置文件 mv httpd-vhosts.conf httpd-vhosts.confd #上传已经修改好的配置文件,防止修改出错,所以提供了已经修改好的文件 # 重启Apache服务 systemctl restart httpd # 查看Apache的服务状态 systemctl status httpd
上传已修改好的配置文件
查看是否上传成功
重启服务,并查看他的状态
查看修改后的配置文件
一般是开发自己写的配置文件(路径不需要记,因为是开发自己写的,可直接问开发)
# 进入配置文件路径 cd /home/wwwroot/default/egoser/application/extra #编辑 vim wx.php #vim操作 # 输入i 进入编辑 # 修改部分字段值 # 返回命令模式:esc # 保存退出输入:wq # 如果强制退出:q!
重启应用服务
目的:修改后的配置立即生效
#重启Apache服务 systemctl restart httpd #重启mysql服务 systemctl restart mysql # 查看服务是否正常 systemctl status httpd #查看服务是否正常 systemctl status mysql
其中一个接口地址:http://虚拟机IP/api/v1/banner/1
打开浏览器后,验证失败可能的原因
(1)上传项目包的时候,解压可能有问题,也有可能是wx.php配置文件修改出错(可能多敲了空格,缩进等)
解决方法,删除解压后的文件夹,重新解压(可参考2.4.4)
重启服务 ,刷新浏览器再试试
2.4.8虚拟域名作用
# 最后一行增加内容如下 虚拟机ip地址 e.cn
# 修改路径(需要输入Mac电脑的开机密码) sudo vim /etc/hosts
验证结果
域名/api/v1/banner/1(e.cn/api/v1/banner/1)
修改APPID,更改为自己申请的APPID
修改位置./utils/config.js
例如:Config.restUrl = 'http://e.cn/api/v1/'
修改完成后,要编译一下
编译过程,可能有点慢,稍微等一下,不转圈了,就说明编译结束,小程序可以前后端联调了
至此项目就部署完成!!!
(1)检查虚拟机服务器能否ping通外网
(2)检查后台服务器wx.php文件修改是否正确(空格,换行肉眼是看不出来的,最保险的方法还是直接删除项目文件夹,重新解压,并给项目文件夹权限,再重新修改wx.php)
更改后,我的界面显示正常
注意:服务器包和客户端包,还有配置文件可自行在资源中下载!!!