一个标准的SpringBoot前后端分离部署手册内置Tomcat,Vue,Uniapp

Posted 西北大粽子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个标准的SpringBoot前后端分离部署手册内置Tomcat,Vue,Uniapp相关的知识,希望对你有一定的参考价值。

晚上好 我还是大家熟悉的大粽子

看过前面文章的朋友应该记得我2021年吹得第一个牛已经实现了,

你还别说他回上海复工后还真的介绍了好多同行来使用,我还挺高兴的。哈哈哈 自己的作品虽然还没达到自己的要求,但看大家都乐意使用作为作者,这就是我做好它的理由。

SpringBoot项目怎么部署?

打包前准备工作

  1. 一个主域名,3个子域名共计4个域名
  2. 主域名用于访问移动端,子域名2用于PC管理后台,子域名3用于访问Java Api,子域名4用于图片资源访问
  3. 举例4个域名,下文中会用此来代替
1. 移动端    --->  https://www.app.com
2. PC 后台 ---> https://admin.app.com
3. Java Api ---> https://api.app.com
4. 图片资源 ---> https://image.app.com

Java 项目运行和打包

1. 把Java项目导入idea
  1. 选择项目中的 crmeb文件夹,也就是Java Api子项目一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】

  2. 等项目自动载入完成

  3. 项目配置    根据自己的实际情况配置一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】

  4. shell部署脚本配置  

  5. 开源不易,我司统计下安装量,只有首次部署会统计,不会有任何影响,请根据自己的具体情况修改下,版本号不需要修改一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】

  6. 打包项目

  7. 看见  BUILD SUCCESS  打包完成一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】

WEB PC 管理端 运行和打包

运行以下命令之前请确认npm环境正确运行
  1. 如果开发可以使用webStorem或者Vscode
  2. 终端使用自己趁手的命令行工具
  3. cd 到clone项目的admin文件夹目录
  4. 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】
  5. 修改对应环境配置文件 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】
  6. 根据自己打包的环境配置Java Api项目请求域名
  7. 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】
  8. 执行安装所需包文件 npm install
  9. 打包命令可根据自身需求修改 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】
  10. 执行 npm run build:prod   线上环境              build:prod 线上环境
  11. 打包完成之后在 admin下找到 dist目录,把dist目录下的文件夹以及文件上传到 服务器对应的站点目录即可 【此处不包含dist文件夹,是dist文件夹下面的文件】

移动端项目打包,使用Hbuild

移动端暂时仅支持H5和微信小程序

  1. 更多关于Uniapp的问题 uniapp官网
  2. 下载uniapp开发者工具  ----> Hbuilder X
  3. 打包微信小程序则需要下载 微信开发者工具
  4. 微信开发者工具可根据自己的电脑系统下载 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】

注意

最外层项目包中有一个 domain.json文件,需要根据自己实际情况修改此文件内容
不可有注释 且json格式正确
一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】

Hbuilder X 打包 H5

  1. 打开Hbuilder X 点击   文件 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】
  2. 本地测试点击   运行 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】
  3. 线上打包点击   发行 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】
  4. 打包的时候出现下图点 发布 行即可,不需要输入域名 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】
  5. 打包成功如下图 一个标准的SpringBoot前后端分离部署手册【内置Tomcat,Vue,Uniapp】


以上是关于一个标准的SpringBoot前后端分离部署手册内置Tomcat,Vue,Uniapp的主要内容,如果未能解决你的问题,请参考以下文章

docker-compose 部署 Vue+SpringBoot 前后端分离项目

Tomcat部署前后端分离springboot项目

Linux部署前后端分离项目(SpringBoot+Vue)Nginx部署

vue+springboot前后端分离如何部署项目?

阿里云(win server)部署前后端分离项目(springboot + vue + android)

Linux部署前后端分离项目(SpringBoot+Vue)Nginx部署