如何部署 newbee-mall？商城 + 管理后台 + 前台系统上线流程
正文
如果你正在学习 SpringBoot + Vue 前后端分离架构，或者准备做一个电商系统练手项目，那么newbee-mall是一个非常经典且完整的商城项目。
它包含：
商城系统
后台管理系统
前台展示系统
整体结构清晰，功能完善，非常适合作为电商系统的学习与二次开发基础。
这篇文章，我会带你从 0 到 1 把 newbee-mall 部署到服务器，并实现真正对外访问。
一、newbee-mall 是什么？
newbee-mall 是一个基于前后端分离架构的开源商城系统。
技术栈：
后端：SpringBoot
前端：Vue
数据库：MySQL
缓存：可接入 Redis
架构：REST API
主要功能：
商品管理
订单管理
用户管理
购物车
支付流程模拟
后台权限管理
非常适合：
学习电商系统架构
搭建商城原型
做 SaaS 电商平台
二、为什么推荐使用云服务器部署？
商城系统必须：
公网访问
长期在线
支持多用户访问
支持 HTTPS
本地运行无法满足实际使用需求。
这里推荐使用莱卡云服务器：
BGP 多线网络
稳定低延迟
适合长期运行电商系统
支持扩容升级
对于商城系统这种高稳定性需求项目，非常合适。
三、服务器环境准备
1️⃣ 推荐配置
小型商城建议：
CPU：2 核
内存：4GB
硬盘：50GB
系统：Ubuntu 22.04
如果访问量大建议升级 4 核 8GB。
2️⃣ 安装基础环境
apt update && apt upgrade -y
apt install -y git nginx mysql-server openjdk-17-jdk maven
安装 Node.js：
apt install -y nodejs npm
四、部署 newbee-mall 后端
1️⃣ 获取源码
git clone https://github.com/newbee-ltd/newbee-mall.git
cd newbee-mall
2️⃣ 创建数据库
mysql -u root -p
CREATE DATABASE newbee_mall DEFAULT CHARSET utf8mb4;
导入项目中的 SQL 文件。
3️⃣ 修改数据库配置
编辑：
src/main/resources/application.yml
填写数据库账号密码。
4️⃣ 打包运行后端
mvn clean package -DskipTests
运行：
java -jar target/newbee-mall.jar
默认端口通常为 8080。
五、部署前端系统
进入前端目录：
cd newbee-mall-vue-app
npm install
npm run build
生成 dist 文件夹。
复制到 Nginx：
cp -r dist/* /var/www/html/
六、配置 Nginx 反向代理
编辑配置：
nano /etc/nginx/sites-available/newbee
示例配置：
server {
listen 80;
server_name your-domain.com;
root /var/www/html;
index index.html;
location /api/ {
proxy_pass http://127.0.0.1:8080/;
}
location / {
try_files $uri $uri/ /index.html;
}
}
重载：
systemctl reload nginx
七、开启 HTTPS（强烈推荐）
apt install -y certbot python3-certbot-nginx
certbot --nginx -d your-domain.com
开启 HTTPS 后，更安全也更利于 SEO。
八、生产环境优化建议
商城系统建议：
接入 Redis 做缓存
限制数据库远程访问
使用 systemd 守护 Java 进程
开启防火墙
定期备份数据库
可增加 CDN 提升静态资源速度
部署在莱卡云服务器上，可以长期稳定运行。
九、实际体验感受
部署完成后：
前台商城流畅
后台管理完整
功能模块清晰
适合作为电商系统原型
对于学习电商架构非常有帮助。
十、总结
newbee-mall 是一个结构清晰、功能完整的前后端分离商城系统。
适合：
学习电商系统开发
搭建商城原型
做企业内部商城
如果希望商城系统长期在线、访问稳定，建议使用稳定的云服务器（例如莱卡云）进行部署，可以保证网络质量与系统稳定性。