• newbee-mall是一项基于Spring Boot的在线商城系统,非常适合新手了解学习Spring Boot框架
  • 源码新蜂商城后端接口 newbee-mall-api
  • 新蜂商城 Vue3 版本 newbee-mall-vue3-app
  • 新蜂商城后台管理系统 Vue3 版本 vue3-admin

一、后端接口部署

0、安装jdk


  • java -version

1、配置mysql数据库

  • linux安装mysql数据库 ->略(见评论)
  • 找到接口项目中的sql文件:newbee-mall / src / main / resources / newbee_mall_schema.sql
    我是使用的navicat工具,新建一个数据库newbemall后右键此数据库执行此sql文件即可
  • 修改相应的配置信息

2、配置图片上传路径

  • 查看FILE_UPLOAD_DIC常量配置,在common包下的Constants类
  • 根据部署修改上传路径
    推荐/var/www/www.newbee.com/uploads/

3、本机安装maven

  • 下载压缩包
    官网地址:https://maven.apache.org/download.cgi
  • 解压并添加环境变量
  • 打开cmd,查看版本
    mvn -version

4、项目打包jar包

  • 进入接口项目根目录,打开cmd,生成target目录和jar包
    mvn clean package
  • 将target目录下的jar包上传到Linux服务器,推荐上传到/var/www/api.newbee.com
  • 进入jar包所在目录,运行jar包
    java -jar 你的jar包名
  • 在浏览器中输入ip地址+端口号进行访问,端口号即为第1步中的配置server.port
    PS:注意端口是否开放
  • 按住Ctrl+C退出程序
  • 通过后台方式启动
    nohup java -jar 你的jar包名 &

5、nginx转发端口

  • 安装nginx
    略(见评论)
  • 进入 nginx配置目录
    cd /usr/local/nginx/conf
    vim nginx.conf
    PS:按i开始修改;退出按esc,输入:wq,再回车
    在最后一个} 之前添加一行:include /usr/local/nginx/conf.d/*.conf;
    mkdir /usr/local/nginx/conf.d
    cd /usr/local/nginx/conf.d
  • 新建一个conf文件(推荐命名为:api.newbee.com.conf)
server {listen       80; server_name  api.newbee.com; #你的域名location / {proxy_pass http://127.0.0.1:20819; # 转发的端口,即之前后端接口运行的端口proxy_set_header Host $host:80;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}
}
  • 域名解析到自己服务器,如果没有域名,可以host设置:c:\windows\system32\driver\etc
服务器ip地址 api.newbee.com
服务器ip地址 www.newbee.com
服务器ip地址 admin.newbee.com
  • 重启nginx
    /usr/local/nginx/sbin/nginx -s reload
  • 在浏览器中输入域名进行访问

二、客户端部署

1、本机下载node.js


  • npm -version

2、修改请求baseURL
打开项目根路径下src/utils/axios.js文件

//backend-api-01.newbee.ltd修改为之前配置的后端接口域名 http://api.newbee.com

3、项目打包
!!!下文将会使用到域名,如果你没有,可以直接使用ip代替

  • 进入客户端项目根目录,打开cmd
    npm install
    PS:部分依赖可能需要梯子
  • 检查项目正确性:终端执行命令,点击链接访问(确保可以访问),终止当前命令(ctrl + c)
    npm run serve
  • 打包项目:终端执行命令
    npm run build
  • 将dist文件上传到服务器,并且重新命名,推荐上传到/var/www/ (推荐命名为www.newbee.com)
  • 配置nginx
    由于前面已经在主配置文件添加了conf.d文件夹,直接进入该目录
    cd /usr/local/nginx/conf.d
    新建一个conf文件(推荐命名为:www.newbee.com.conf)
server {listen      80;   server_name  你的域名);  location / {root /var/www/www.newbee.com;  # 刚刚上传上来的文件名称index  index.html index.htm;}error_page  404    /404.html;error_page  500 501 502 503 504  /50x.html;location = /50x.html {root   html;}
}
  • 重启nginx
    /usr/local/nginx/sbin/nginx -s reload

  • 打开你项目文件夹的权限
    chmod 755 -R /var/www/www.newbee.com

三、管理端部署

1、修改请求baseURL
打开项目根路径下src/utils/index.js文件
打开项目根路径下config/index.js文件
打开项目根路径下vite.config.js文件
分别将
//backend-api-01.newbee.ltd修改为之前配置的后端接口域名(例如: http://api.newbee.com


2、项目打包

  • 进入客户端项目根目录,打开cmd
    npm install
    PS:部分依赖可能需要梯子
  • 检查项目正确性:终端执行命令,点击链接访问(确保可以访问),终止当前命令(ctrl + c)
    npm run dev
  • 打包项目:终端执行命令
    npm run build:release
  • 将dist文件上传到服务器,并且重新命名,推荐上传到/var/www/
  • 配置nginx
    由于前面已经在主配置文件添加了conf.d文件夹,直接进入该目录
    cd /usr/local/nginx/conf.d
    新建一个conf文件(推荐命名为:admin.newbee.com.conf)
server {listen      80;   server_name  你的域名);  location / {root /var/www/admin.newbee.com;  # 刚刚上传上来的文件名称index  index.html index.htm;}error_page  404    /404.html;error_page  500 501 502 503 504  /50x.html;location = /50x.html {root   html;}
}
  • 重启nginx
    /usr/local/nginx/sbin/nginx -s reload

  • 打开你项目文件夹的权限
    chmod 755 -R /var/www/admin.newbee.com

开源项目新蜂商城在Linux上部署,mysql+nginx相关推荐

  1. linux上部署mysql服务_在Linux环境下部署MySql服务

    之前有下载部署过几次,但是每次都会踩一些坑.特此记录在liunx下部署安装mysql的基本步骤: 1.卸载老版本的mysql find / -name mysql|xargs rm -rf     查 ...

  2. 「newbee-mall新蜂商城开源啦」SpringBoot+MyBatis开发JavaWeb线上商城项目

    我的想法很简单,就是做一个大家都能运行的商城项目,而不是缺胳膊少腿的项目,不求有多么完善,也不求有多少技术栈,我目前的想法就是大家都可以运行它.使用它,至于完善它嘛,给我点时间哈. 本项目开源地址: ...

  3. 「newbee-mall新蜂商城开源啦」GitHub 上最热门的 Spring Boot 项目,我也要做一次靓仔!...

    没有一个冬天不可逾越,也没有一个春天不会到来. 介绍一下新蜂商城的近况,同时,新蜂商城 Vue 版本目前也在开发中,在这篇文章里我也向大家公布一下新蜂商城 Vue 版本的开发进度,和大家同步一下,在不 ...

  4. 「newbee-mall新蜂商城开源啦」 页面优化,最新版 wangEditor 富文本编辑器整合案例...

    在开源项目达到一定规模时,社区就会给出非常多的反馈,想要开源保持长久的生命力和正向的影响力,定期维护和更新是十分必要的.同时,从另一个角度来说,这也是对该开源项目使用者负责. 1 新蜂商城开源项目的重 ...

  5. 「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源

    不仅仅是展现形式的增多和产品线的丰富,技术栈也加入了 Vue,开发模式也变成了前后端分离模式. 1 新蜂商城 Vue 版本 2019 年 10 月份我在 GitHub 开源仓库中上传了新蜂商城项目的所 ...

  6. 「newbee-mall新蜂商城开源啦」1000 Star Get !仓库Star数破千!记录一下

    新蜂商城已经开源了 3 个多月左右的时间,在 2019 年的年末,仓库的 Star 数量冲破了 1000,整理本篇文章的时间是 2020 年 1 月 12 日,目前的 Star 数量是 1180 左右 ...

  7. 新蜂商城(newbee-mall-api)部分接口实验,跨域处理(同源策略,跨域访问,CORS),系统安全问题(Session,Cookie,Token,OAuth)(软件工程综合实践课程第十三周)

    文章目录 一.要求 二.知识总结 跨域处理 1.同源策略 1.1 浏览器的同源策略 1.2 跨域请求实验 2 跨域访问 2.1 添加响应头来处理跨域 2.1.1 CORS 跨域资源共享 2.1.2 设 ...

  8. 在Linux上部署第一个web项目

    如何在Linux上部署第一个web项目(未更新完) 一.向服务器中的数据库添加数据(本篇以Mysql为例) 1.通过SQLyog将项目的数据库中的所有数据表导出为sql文件 2.为服务器上的数据库授权 ...

  9. 在Linux上部署的项目(iwebshop) 不能打开界面

    问题描述:在Linux上部署的php项目(iwebshop)不能打开ui界面,只显示如下: errID:2 errStr:mysql_connect(): Headers and client lib ...

最新文章

  1. 【经典C#.NET入门教程】管理软件开发必备知识免费视频教程下载
  2. 【新星计划】Matlab实现数据导出
  3. jvm timezone
  4. 西瓜大战java_Java中的线程及(简单飞机大战)实现
  5. MFC中CString类字符串与长整型、浮点型、字符数组char数据之间的相互转换
  6. 联通sgip协议 java socket_sgip12 个人编写的 联通SGIP协议基于 socket 方式实现 源 联合开发网 - pudn.com...
  7. 中小企业上ERP项目不可回避的9个基本问题
  8. 做web前端的小伙伴注意了,未来这些发展方向可以试试!
  9. warning: setlocale: LC_ALL: cannot change locale (en_US.UTF-8): No such file or directory
  10. 办公室学什么计算机,(计算机)办公室文员、助理都可以学学,留着迟早用得着
  11. 人人商城小程序不能显示批发商品修复方法
  12. python图像降采样,【图像处理】——改变图像的大小(降采样重采样)
  13. mysql kegg_下载最新版的KEGG信息,并且解析好
  14. 解决Apache提示“You don‘t have permission to access...“错误
  15. 【Python特性】Python中的下划线和双下划线是什么意思?
  16. 《攻防世界》forgot栈空间题
  17. jetty9 spdy使用
  18. hex文件、out文件、bin文件、map文件解析
  19. 2021-2027全球与中国汽车曲轴位置传感器市场现状及未来发展趋势
  20. windows show failed无法启动你的相机

热门文章

  1. java xml转json数组,java-如何将单个子xml元素转换为Json Array
  2. 实现三子棋游戏详细教学
  3. 计算机网络——万维网WWW
  4. tensorflow编程: Math
  5. 密码123456,这意味着什么?
  6. 散射噪声仿真理论和实践(理论篇2)
  7. 钉钉注册阿里云账号全流程
  8. 编译原理 —— 算符优先分析法
  9. 88 亿罚金!谷歌与甲骨文十年恩怨,最高法院下月将庭审
  10. Python调接口实现图像风格转化、黑白图像上色、人像动漫化