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

187 阅读3分钟

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

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

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

开始攻克!!!

第一步:安装宝塔面板

步骤:【概要】→【镜像信息】→【重置应用】。按照图片标识的步骤即可。 image.png image.png

安装成功:可在【概要】→【镜像信息】查看。 image.png

获取宝塔登录的账号以及密码:

image.png

image.png

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

登陆后出现2个弹窗,可以叉掉,暂时不管。 image.png

可根据需要安装,笔者这里未一键安装,笔者选择 后续根据需要到软件商店进行安装。 具体2种方案的比较可看:blog.csdn.net/qq_38461232…

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

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

image.png

安装需要的软件: image.png

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,找不到链接了呜呜。。。) image.png

第三步:上传前端代码

image.png image.png

第四步:放行端口访问

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

通过以上就可以使用【公网ip:端口号】访问自己部署的代码啦哦耶 不过该方法好像只能部署一个项目。所以笔者又使用了nginx来部署自己的项目。

nginx部署多个项目

第一步:安装nginx

image.png

第二步:添加站点

image.png image.png image.png

如果使用的是域名,则使用域名进行访问即可,以下步骤可以不需要。 image.png

第三步:上传前端代码

image.png

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

通过指定不同的端口,实现公网ip部署多个项目。 注意:需要在服务器中放行对应的端口,宝塔中会自动放行指定的端口。 访问:【公网ip:端口号】 以上就是所有的笔记啦,希望对小伙伴有帮助~


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

image.png

原因:未知。

解决办法:未解决。