宝塔部署Litemall项目

Frankie.Lee2024年10月28日大约 3 分钟

宝塔部署Litemall项目

1. 项目准备

源代码
- 下载路径：https://gitee.com/linlinjava/litemall
- 修改后的详见压缩包
软件准备
- Java: jdk 1.8
- Idea
- Maven
- MySQL: 5.7
- Nodejs: 16.2.0 （Web源码部署需要，打包后部署不需要）
导入数据库
- 按顺序，执行SQL文件即可
  image-20230324184223598
代码修改
- localhost改为127.0.0.1
  可以全局替换（小心java代码，避免非必要替换）
  image-20230324183511584
- 修改小程序配置
  image-20230324183804929
- 打包、得到jar包
  image-20230324183919051

2. 部署后台程序

上传litemall-all-0.1.0-exec.jar到服务器
添加java项目
启动项目
- 常规启动
启动日志
- 网站配置或jar包目录可以查看日志信息
image-20230324184622720

3. 前端项目部署

前端项目分为用户前台和管理后台

1. 后台管理网站部署

上传前端项目到指定目录
image-20230324185007285
修改项目配置
image-20230324185324415
添加网站项目、并启动
image-20241018114426240
验证
- 访问：http://192.168.10.31:12100/

2. 前台网站部署

上传项目代码
修改配置
image-20230324185553236
添加网站项目、并启动
image-20241018114508659
验证
- 访问：http://192.168.10.31:12200

3. nginx域名访问配置

hosts文件配置

127.0.0.1	admin.litemall.com
127.0.0.1 	litemall.com

nginx配置

server {    
	listen       80;    
	server_name  admin.litemall.com;  
	#proxy_set_header Host $host:$server_port;    
	#proxy_set_header X-Real-IP $remote_addr;    
	#proxy_set_header REMOTE-HOST $remote_addr;    
	#proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;   
	location / {    
		proxy_pass http://192.168.10.31:12100/;    
	}    
}

server {    
	listen       80;    
	server_name  litemall.com;  
	#proxy_set_header Host $host:$server_port;    
	#proxy_set_header X-Real-IP $remote_addr;    
	#proxy_set_header REMOTE-HOST $remote_addr;    
	#proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;   
	location / {    
		proxy_pass http://192.168.10.31:12200/;    
	}    
}

4. 拓展-前后端自动化部署(推荐)

执行自动化脚本

生成项目文件
- 后台部署文件步骤同宝塔手动部署

上传文件
image-20241008170159097

部署HTML

# 请将伪静态规则或自定义NGINX配置填写到此处
location /admin-api/{
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass http://192.168.10.31:12000/admin/;
}

# 请将伪静态规则或自定义NGINX配置填写到此处
location /wx/{
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass http://192.168.10.31:12000/wx/;
}

5. 小程序部署

代码
image-20230324190109975

启动小程序前端

这里存在两套小商场前端litemall-wx和renard-wx，开发者可以分别导入和测试：
   1. 微信开发工具导入litemall-wx项目;
   2. 项目配置，启用“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”
   3. 点击“编译”，即可在微信开发工具预览效果；
   4. 也可以点击“预览”，然后手机扫描登录（但是手机需开启调试功能）。
   
renard-wx是另外一个小程序前端，其后端API也是litemall-wx-api。
和litemall-wx的区别是：
   1. 界面样式有所调整；
   2. 功能进一步简化。
     
注意：
     > 这里只是最简启动方式，而小商场的微信登录、微信支付等功能需开发者设置才能运行，
     > 更详细方案请参考[文档](https://linlinjava.gitbook.io/litemall/project)。

导入项目
image-20230324190258658
项目配置
image-20230324191947121
- 修改代码
  image-20230324192029200
- 编译，验证
  image-20230324192103156