腾讯云+宝塔+tomcat / nginx部署前端代码 您所在的位置:网站首页 前端如何部署代码到服务器端 腾讯云+宝塔+tomcat / nginx部署前端代码

腾讯云+宝塔+tomcat / nginx部署前端代码

2023-12-28 05:37| 来源: 网络整理| 查看: 265

前言:作为一个前端,怎么能仅仅只会写代码,然后打包代码给后端部署呢?不!咱要自立自强!本篇文章为笔者实践过程的笔记,如果有小伙伴跟我一样是服务器小白,可以作为参考借鉴,同时,如果有错误之处,欢迎各位大佬指正。

使用背景:腾讯云轻量应用服务器,镜像为CentOS 7.6 64bit,应用镜像为宝塔linux面板 7.6.0。

开始攻克!!! 第一步:安装宝塔面板

步骤:【概要】→【镜像信息】→【重置应用】。按照图片标识的步骤即可。 在这里插入图片描述 在这里插入图片描述

安装成功:可在【概要】→【镜像信息】查看。 在这里插入图片描述 获取宝塔登录的账号以及密码: 在这里插入图片描述 在这里插入图片描述

根据控制台提示,宝塔默认端口8888,所以我们需要在服务器的防火墙将端口8888放行,使其可以访问。

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

登陆后出现2个弹窗,可以叉掉,暂时不管。 在这里插入图片描述

可根据需要安装,笔者这里未一键安装,笔者选择 后续根据需要到软件商店进行安装。

具体2种方案的比较可看:传送门。

lnmp:linux+nginx+MySQL+php(外网一般是lemp)

在这里插入图片描述

第二步:登录宝塔并安装tomcat

在这里插入图片描述

安装需要的软件: 在这里插入图片描述 tomcat是一个中间件,在B/S架构中,浏览器发出的http请求经过tpmcat中间件,转发到最终的目的服务器上,响应消息再通过tomcat返回给浏览器。

tomcat所做的事情主要有:开启监听端口监听用户的请求,解析用户发来的http请求然后访问到你指定的应用系统,然后你返回的页面经过tomcat返回给用户。

Apache,Nginx和Tomcat的区别:

Apache全称是 Apache Http Server Project, Tomcat全称是 Apache Tomcat。

Apache和 Nginx用于处理静态资源, tomcat用来处理动态资源。

Apache和Nginx相比,Nginx适合做前端服务器,适合做负载均衡。(来自csdn,找不到链接了呜呜。。。) 在这里插入图片描述

第三步:上传前端代码

在这里插入图片描述 在这里插入图片描述

第四步:放行端口访问

tomcat默认端口8080,在服务器和宝塔中均需要放行。(也就是将该端口设置为允许访问)

在这里插入图片描述

通过以上就可以使用【公网ip:端口号】访问自己部署的代码啦~~哦耶

不过该方法好像只能部署一个项目。所以笔者又使用了nginx来部署自己的项目。

nginx部署多个项目 第一步:安装nginx

在这里插入图片描述

第二步:添加站点

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

如果使用的是域名,则使用域名进行访问即可,下一步骤可以不需要。 在这里插入图片描述

第三步:上传前端代码

在这里插入图片描述

第四步:放行端口并进行访问

通过指定不同的端口,实现公网ip部署多个项目。

注意:需要在服务器中放行对应的端口,宝塔中会自动放行指定的端口。

访问:【公网ip:端口号】

以上就是所有的笔记啦希望对小伙伴有帮助

报错(2021-11-18):虽然好像没有什么影响,但是看着还是不舒服~~

在这里插入图片描述 原因:未知。

解决办法:未解决。

希望对小伙伴有帮助



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有