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

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

使用背景:腾讯云轻量应用服务器,镜像为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):虽然好像没有什么影响,但是看着还是不舒服~~

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

解决办法:未解决。

希望对小伙伴有帮助


  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值