将前端项目部署到服务器,并通过域名或者公网IP访问(基于腾讯云)

发布于:2021-07-20 05:18:23

如何将前端项目部署到服务器,并通过域名访问(基于腾讯云)

前段时间我更新了有关于前端开发软件VS Code和运行环境Node.js的安装。随后又更新了对Html的学*。由于最*有了实*的需求我便决定把手头上的一个Web项目部署到我买的腾讯云服务器上。
照理来说一般服务器都应该是Linux操作系统,但是由于物联网老师的需求,我的服务器是Windows server2012的操作系统。新手用这个也许会更方便,因为Linux主要是指令为主,图形界面是外加;windows是图形界面为主,加一些指令。
话不多说,我们开始吧
首先将web项目部署到服务器你需要在服务器*沧皐eb服务端程序,也就是Web容器。现在常用的有Tomcat和Apache。我选择的是Tomcat。如何安装Tomcat网上有很多教程。
.
.



OK,现在我们的前期准备已经完成。一个已经安装了Tomcat的腾讯云服务器、一个web项目、一个购买后完成备案的域名(没有域名的公网IP也可以哦)



一,修改Tomcat

首先我们将Web项目文件夹整个复制到Tomcat目录下的webapps目录下。如下图所示,myweb文件夹就是我的前端项目。
部署好后我们要修改Tomcat的conf目录下的sever文件,鼠标右键编辑用记事本打开server文件。如下


第一处修改:

找打文件中的端口修改为80端口



将 protocol属性值为HTTP/1.1的Connector元素的port属性值改为80,这样就可以免去访问的时候还要加端口号




1:HTTP/1.1 协议 ,用于监听浏览器发送的请求. 设置成80 后可以直接使用http://localhost 访问
:2:AJP/1.3 协议 , 用于监听其他服务器转发过来的请求.



connectionTimeout="20000"
redirectPort="8443" />

修改完成后如下


connectionTimeout="20000"
redirectPort="8443" />

第二处修改:


将 Engine元素的defaultHost值改为服务器域名或者公网IP








第三处修改:


在Host元素中将name属性值localhost改为服务器的公网IP或域名,并在元素中间插入一个元素Context,Context元素的docBase属性值可以是项目的绝对路径



unpackWARs="true" autoDeploy="true">
docBase="C:Program FilesTomcat9webappsmyweb"
reloadable="true"
crossContext="true" />

修改完后如下图所示


最后:运行tomcat的bin目录下的startup文件。使Tomcat开始运行

这处修改完成后就可以点击保存了。Tomcat部分已经修改完成。
然后打开服务器的防火墙就可以通过公网IP访问了。


二,服务器防火墙设置

因为 window server2012 自动屏蔽掉ping命令
所以需要我们自己手动修改防火墙开放80端口。你当然也可以开放其他端口。




打开控制面板  控制面板系统和安全Windows 防火墙高级设置入站规则新建规则



然后

一直点击下一步直到完成。


三,腾讯云服务器设置
第一步设置安全组

新建一个开放所有端口的安全组


设置好安全组,已经可以用公网IP访问你部署的web网页了。


第二步将域名和公网IP绑定

进入总览找到*馕觥C挥惺褂霉*馕觯缑媸褂弥惺敲挥姓庖幌畹模梢缘接疑辖堑娜恐腥フ
云产品 > 全部 > 域名和网站 > *馕





添加解析 > 添加域名





有一个小细节IVP4地址其实就是你的服务器公网IP



添加*馕龊蟠蟾殴10分钟就可以用域名访问啦


总结

后面一些步骤的细节没有仔细讲哦。可以百度补充,大致流程就是如此

相关推荐

最新更新

猜你喜欢