当前位置:首页 » 网页前端 » 宝塔部署一个web的后端项目
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

宝塔部署一个web的后端项目

发布时间: 2023-01-15 19:45:16

❶ web前端项目部署到服务器:

执行成功后会生成dist文件

4.1 进入到nginx配置目录:/usr/local/nginx/conf,对 nginx.conf 文件进行配置

使用include可以配置多个.conf文件,如一个项目一个配置文件。在同目录下创建demo文件夹,并创建demo.conf配置文件

下面使用是以ip地址的方式创建的的配置文件

访问地址:

其中dist名称时可以修改,保持与/usr/local/nginx/html下cp名称一致,否则会访问不到;并且/usr/local/nginx/html目录可存在同一ip下多个web项目。

域名与ip绑定

配置域名demo.conf
eg: 域名 - demo.cn

4.2阿里云配置域名前缀
阿里云->域名->域名列表—>域名 管理-> 域名解析->解析设置

如图:记录值 填写当前服务ip

学习过程中所记录,有问题或者有好的方式欢迎指点。不胜感激 🤗 🤗 🤗

❷ 宝塔面板部署Spring Boot项目

一般的 Spring Boot 项目打包完是 .jar 文件,已内嵌了 Tomcat 服务器,但是当我们部署到生产环境的时候一般用的是 .war 包,这次我们使用宝塔面板来完成项目的环境搭建和部署。

此教程所使用的环境:

首先,我们需要构建 .war 包,需要对项目构建进行一些设置,以 Maven 为例,修改 pom.xml 。
修改打包方式为 war ,注意最后一行:

加入这一项依赖设置:

在包的根目录新建一个 ServletInitializer 类(比如在我的项目里,与 BaotatestApplication 类同级),内容类似如下:

然后再回到项目根目录(有 pom.xml 的目录),进行编译:

如果要跳过测试,就输入:

编译完成之后就能在 target/ 目录下找到我们的 .war 包,比如我是 baotatest-0.0.1-SNAPSHOT.war 。

接下来配置服务器环境,首先宝塔面板的安装不再赘述,到其“软件商店”安装好:

安装完 Tomcat 后记得放行 8080 端口(Tomcat 默认端口)。再把我们的 .war 包放进 /www/server/tomcat/webapps 目录就会自动解压部署,在同级目录生成同名文件夹(如果没有自动部署就重启一下 Tomcat,另外部署不成功的话可以去 /www/server/tomcat/logs 看看日志文件)。此时再访问 http://example.com:8080/baotatest-0.0.1-SNAPSHOT/ 就可以访问我们的应用了。

后面长长的一串似乎并不好看,我们可以将其去掉,有两种方法。

一种是直接将包名改成 ROOT.war ,即可。

另一种需要修改配置文件 /www/server/tomcat/conf/server.xml ,在 <host>...</host> 标签内插入:

或者这样:

path 属性可以定义访问的路径,比如挂载到 /hello 上,这里我们留空就是根域名。
然后再将 Tomcat 配置重载,我们就能在根目录下访问到这个项目了。

还有就是给上传目录配置静态资源映射,比如我这里的 有一个上传目录 /www/uploads ,用户上传的图片都会保存到这个 uploads 文件夹来,那如何在服务器访问这个目录呢?一样,加入:

习惯上还需要配置一下 Nginx 反向代理 Tomcat。
去宝塔的“网站”页面里新建一个站点,除了域名保持默认就行了。
然后在其“设置”中配置“反向代理”,目标域名就是 Tomcat 的地址,比如 http://dev.shadowcat.cn:8080 ,发送地址用 $host 就可以了,其他保持默认即可,最后访问一下 Nginx 即可成功返回结果。

❸ 如何在开发时部署和运行前后端分离的JavaWe

在开发中大型的JavaEE项目时,前后端分离的框架逐渐成为业界的主流,传统的单机部署前后端在同一个项目中的工程项目越来越少。这类JavaWeb项目的后端通常都采用微服务的架构,后端会被分解为诸多个小项目,然后使用bbo+zookeeper或者springCloud来构建微服务,前端则会是一个单独的项目,前台的请求通过微服务来调用。但是,不同与传统的web项目,这类前后端分离的项目如何在开发中部署和运行呢?

当前后端分离时,后端项目一定会被加载到tomcat的webapp目录下面,但是前端的资源院该如何被访问到呢?这里以tomcat这个中间件为例,探讨在开发这类项目的时候,如何让前后端分离的项目部署并且运行起来,即后端项目部署在tomcat之后如何在运行时访问静态资源(非上线部署)。

主要有两种方案:1.在本地通过Nginx来处理这些静态资源。2、将静态资源统一放入一个javaweb应用中,并将自动生成的war包随后端项目一期丢入tomcat。下面详细介绍

一、使用Nginx来访问静态资源。

在本地安装nginx并且修改nginx.conf,修改相关配置,将web访问的端口的资源进行更改,配置如下:

server { listen 80; server_name localhost; charset utf-8; #access_log logs/host.access.log main;
location / { proxy_pass http://tomcat_pool; proxy_redirect off;
proxy_set_header HOST $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
client_max_body_size 10m;
client_body_buffer_size 128k;
proxy_connect_timeout 90;
proxy_send_timeout 90;
proxy_read_timeout 90;
proxy_buffer_size 4k;
proxy_buffers 4 32k;
proxy_busy_buffers_size 64k;
proxy_temp_file_write_size 64k;
}
location ~ .*.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|woff|woff2|ttf|eot|map)$ {
root D:Workspacesesop-html; index index.html;
}

listen对象改为你本地的tomcat访问端口,最下面location中的root改为你前端项目中静态资源的位置,这样就可以实现只部署后端的项目就能访问前端的页面了。

二、将前端项目转换为动态的web项目,随后端项目一起丢入tomcat

这个方案省去了在本地安装和配置nginx,但是也只适用于开发阶段项目的部署运行和调试,真正在生产环境通常前后端项目会部署在不同的服务器。

  • 如果是Intellij Idea,在导入前端项目之后,右键项目 add framework support --> web application,这时将会把前端项目转换为一个javaweb项目,然后将静态资源放在生成的web目录下即可。

  • 如果是eclipse,可以新建一个javaweb项目然后将静态资源放入web或者webcontent目录下,或者直接先导入前端项目,然后通过 project facts 将项目转换为dynamic web项目并勾选 js等相关配置。

  • 然后,运行项目时把后端的war包和前端的war包一同添加到 deployment中运行即可。

❹ 使用宝塔nginx 布署前后端分离目录代理注意事项

注意事项:宝塔默认生成的配置文件会有

要自己手动删除掉,不然前端的资源也会被代理掉

如果要访问后端的静态资源,可以尝试以下设置

完整配置:

❺ 如何在自己的电脑上部署服务器安放web项目

安装tomcat,导出为war文件,放到安装tomcat目录里面的webapps里面,访问就行了

❻ 基于宝塔面板安装部署mochat

由于项目是前后端分离方式开发和部署的,所以安装演示过程中会用到三个域名:

假设你自己的主域名是 mochat.com,那你可以分别配置为,以下域名可以自定义,下面只是举例:

3. 宝塔面板安装完成

❼ 宝塔部署flask项目

(1)安装virtualenv

(2)进入上传目录

(3)创建虚拟环境

(4)激活虚拟环境

(5)添加依赖

(6)安装uWSGI

在应用根目录创建config.ini文件,内容如下:

(1)在宝塔面板中,管理网站,设置,配置文件修改如下:

(2)重启nginx

(3)运行uwsgi

❽ 前端使用vue后端使用tp5的前后端分离的项目如何在宝塔上部署,请大佬指点一下,第一次接触

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。[1]
中文名
前端开发工程师
所属学科
计算机科学与技术
核心技术
HTML、CSS、JavaScript、jQuery
主流框架
React.js、Vue.js、Angularjs
快速
导航
发展方向
词条来源
前端是一个相对比较新的行业,互联网发展早期(1995年~2005年)是没有专业的前端工程师的。随着互联网的发展,大约从2005年开始,正式的前端工程师角色被行业认可,到了2010年,互联网开始全面进入移动时代,前端工程师的地位越来越重要,前端领域的技术发展也越来越快,各种新的思想、设计模式、工具和平台都快速发展,对前端工程师的技能要求也越来越高。[1]
发展方向
专家方向
经过几年的技术积累,大量的项目历练,很自然地就朝着专家的方向过渡了。技术人普遍具有的一个特征就是不喜欢管一些乱七八糟的事,更愿意钻研感兴趣的技术,解决一些技术难题。走专家路线可能是大多数技术人的选择。