前后端分离的项目部署到tomcat_阿里聚石塔部署前后端分离项目

1. 阿里聚石塔控制台

登录聚石塔账号，进入控制台>开发运维>服务列表，在服务列表可以查看已创建部署的服务；聚石塔提供一整套完整的运维部署解决方案，列表服务支持停止开启服务，上传部署，编译部署，支持历史版本部署，监控，SSH等。

这里是前后端分离项目，Vue.js 前端项目 + SpringBoot 后端项目，后端项目Maven 管理打 WAR 包，前端项目 Yarn 管理。

2. 后端项目打包部署

2.1 mvn package 打 war 包

2.2 创建服务 Tomcat

选择镜像-服务配置-环境变量-确认创建

选择镜像

此处 SpringBoot 项目打 WAR 包部署在 Tomcat，根据实际项目选择版本，此处选择 Tomcat8.5.38

服务配置

自定义服务标题名称；

绑定已创建应用及 appKey；

选择容器规格，支持自定义规格；

选择要部署在的云服务器，服务器实际部署容器数量设置为 1 个；

环境配置

网络配置设置服务访问域名；这里仅配置了域名，后端项目提供域名，前端项目配置访问后端项目接口的域名为该域名后打包

确认创建

勾选立即启动，创建服务完成

2.3 上传部署

创建服务后，在服务列表可以找到该服务；当服务较多时可以创建分组标签，对服务进行编辑分组。

找到服务，选择上传部署；

选择本地上传部署，逐个容器部署，可以添加备注，点击上传程序包，增加文件，选择打好的 war 包，等待上传进度为 100% 即可，容器会自动重启。

有时候点击增加文件后，进度条很长时间不会变动，文件添加到上传队列，队列也没权限查看，也不确定是不是阻塞，我也是看不懂，难顶。

一般的，项目 war 包没问题的话到此，后端项目部署完成。容器启动后运行中服务有异常，应该是war 包有问题或者容器环境和 war 包要求环境不匹配。你可以在服务列表点击容器管理，在操作项选择 WebSSH 进入 SSH 查看 /acs/log 下的日志排查问题。

服务启动后，通过配置的服务域名可以访问后端项目的接口，接口访问能有响应部署就完成了。

3. 前端项目打包部署

3.1 yarn build 打包

前端项目配置好正式环境后端项目的域名，通过build 命令打资源包

3.2 创建服务 Nginx

选择镜像-服务配置-环境变量-确认创建

选择镜像

选择其他>Nginx 1.14.2

服务版本根据实际项目自主选择。

服务配置

自定义服务标题名称；

绑定已创建应用及 appKey；

选择容器规格，支持自定义规格；

选择要部署在的云服务器，服务器实际部署容器数量设置为 1 个；

环境变量

网络配置支持选择通信协议，自定义域名等

环境配置支持配置默认 nginx.conf 文件，因此处前端打包文件为dist文件夹，此处我配置资源根路径地址为 /acs/dist

location / {

root /acs/code;

index index.html index.htm;

}

为

location / {

root /acs/dist;

index index.html index.htm;

}

其他无改动。

确认创建

确认基础信息后，可以勾选立即启动服务，点击创建完成服务创建。

3.3 上传资源包

前端项目为静态文件资源，打包资源放到 nginx 服务映射对应路径下即可。

进入 WebSSH ，将 /acs/upload 下的 dist.zip 移动到/acs 解压后，根据 Nginx 服务配置地址 /acs/dist 无误，重启服务即可。

服务启动后访问配置的域名，能访问到 /acs/dist/index.html 资源，部署就完成了。

4. 访问项目

服务启动后访问前端项目(前端项目外网域名)即可。

Power By niaonao, The End, Thanks

前后端分离的项目部署到tomcat_阿里聚石塔部署前后端分离项目相关推荐

react admin项目部署到tomcat_一个tomcat同时部署多个项目
前言一个tomcat部署多个项目常用的方法是将所有的项目放置在webapps里面,共用同一个端口,各项目根据项目名进行区分.如果多个项目有启动先后顺序,这样的做法就显得不合适,因为tomcat启动是 ...
搭建前后端分离主流项目完整步骤——在线教育系统（阿里云服务器部署上线）
前言: 需要源码评论或私我项目技术栈如下图所示: 本次博客分前后端+部署服务器三个步骤来写先来看看实现效果: 在线教育系统完整三步骤前言: 一.后端技术栈 1.ssm+mysql: (1)map ...
前后端分离项目_七个开源的 Spring Boot 前后端分离项目，一定要收藏
来自公众号:江南一点雨前后端分离已经在慢慢走进各公司的技术栈,根据松哥了解到的消息,不少公司都已经切换到这个技术栈上面了.即使贵司目前没有切换到这个技术栈上面,松哥也非常建议大家学习一下前后端分离开 ...
前后端分离后前端获得session数据_机器学习模型部署--打通前后端任督二脉
## 前言 ### 学历与定位近日在某论坛,有网友提问道:搞机器学习是不是要博士或是硕士学历,是不是要求很高,顶会论文?本科生或者更低学历的,是不是就没有机会了?从最近公司的招聘来看,算法工程师的 ...
讲解开源项目：一步步跑起来个 Java 前后端分离的人力资源管理系统
本文适合刚学习完 Java 语言基础的人群,跟着本文可了解和运行项目,本示例是在 Windows 操作系统下演示. 本文作者:HelloGitHub-秦人大家好!这里是 HelloGitHub 推出 ...
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）十六（商品排序，Thymeleaf快速入门，商品详情页的展示）
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城(SSM前后端分离项目)十六(商品详情页的展示) 一.商品排序 1.完善页面信息这是用来做排序的,默认按照综合排序 ...
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）二十二（下单和微信支付）
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城(SSM前后端分离项目)二十(下单) 0.学习目标会调用订单系统接口实现订单结算功能实现微信支付功能 1.订单 ...
一套仿阿里完整版Spring Boot电商项目，前后端分离+权限管理系统
项目简介 1.项目背景 2. B2B 模式 3. B2C 模式 ==(商城模式)*== 4. C2B 模式 5. C2C 模式 6. O2O 模式 2.商城架构图 2.1.前后端分离基础版 2.3. ...
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城（SSM前后端分离项目）十四（Spring Data Elasticsearch，将数据添加到索引库）
Java网络商城项目 SpringBoot+SpringCloud+Vue 网络商城(SSM前后端分离项目)十四(Spring Data Elasticsearch,将数据添加到索引库) 一.创建El ...
阿里云ECS服务器前后端项目部署
最近自己写了一个小项目,想把它部署在服务器上以便实时查看,在此记录一下自己的部署过程以及在部署过程中遇到的问题,方便日后查看. 参考:www.kovli.com/2017/09/19/- 作者:Kov ...

前后端分离的项目部署到tomcat_阿里聚石塔部署前后端分离项目

前后端分离的项目部署到tomcat_阿里聚石塔部署前后端分离项目相关推荐

最新文章

热门文章