项目上线部署--》网站运行机制

网站运行机制

🌟名词解释

域名

DNS 服务器

服务器

🌟 网站请求流程

静态页面

动态页面

前后端分离的页面

前后端不分离的页面

 🌟写在最后


🌟名词解释

域名

域名俗称网址,是由一串用点分隔的名字组成,用于标识互联网上的计算机。

原本用于标识互联网上计算机使用的是 IP 地址,但是由于 IP 地址不便于记忆,所以人们便设计出来比较容易记忆的域名,然后通过 DNS 将域名和 IP 地址关联,这样人们便可以通过记忆域名直接访问到对应的计算机。

DNS 服务器

DNS (Domain Name System),可以理解为互联网上的一项服务,他可以将域名转换成其对应的 IP 地址。

可以将其理解为字典,字典中存储的就是域名和 IP 地址一一对应的键值对。

在浏览器输入网址后,先会去看本地hosts文件中有无对应关系,文件位置如下:

windows: c:\windows\system32\drivers\etc\hosts

mac: /etc/hosts

比如在我的本地hosts中就存在:

127.0.0.1       localhost

服务器

服务器其实就是一台计算机,但是这台计算机并和我们自己的的 PC 不一样,不是日常使用的,而是提供某项互联网服务的。

比如 web 服务器,能为我们提供网页服务,email 服务器,能为我们提供电子邮件服务,FTP 服务器能为我们提供文件存储服务等等。

为计算机安装不同的服务应用程序,即可提供相应的服务。

常见的web 服务应用程序: Apache、Nginx、IIS、Node.js

 

🌟 网站请求流程

静态页面

网页只请求和响应简单的 HTML、CSS、JavaScript 文件,未和服务端进行任何数据通信。这样的页面叫做静态页面。

动态页面

页面内有和服务器进行数据通信,这样的页面叫做动态页面。

前后端分离的页面

前后端分离的项目中,页面中的数据渲染是在浏览器中完成的。

前后端分离的页面请求分为两部分: 静态页面请求 + ajax 数据请求

上面这张图展现的是静态页面:

1.当在浏览器输入网址时,浏览器像DNS服务器发出请求,获取当前域名所对应的唯一IP。

2.DNS服务器返回给浏览器。

3~4.浏览器向服务器请求,此时Nginx监听到请求,就去拿到我们上传到服务器的资源入口文件。

5~6.将资源返回浏览器,浏览器将HTML渲染至页面。

 

上面这张图展现的是动态页面:

1.当在浏览器输入网址时,浏览器像DNS服务器发出请求,获取当前域名所对应的唯一IP。

2.DNS服务器返回给浏览器。

3~4.浏览器向服务器请求,此时表示的是如ajax请求,通过配置Nginx反向代理避免跨域。

5~6.获取数据并处理。

7~8.将资源返回浏览器,浏览器将HTML渲染至页面。

其实当页面发起ajax请求时,是可以通过与Nginx不同的端口直接访问到node服务,但此时就形成了跨域,可以使用JSONP或者CORS等解决,不过目前主流是通过配置Nginx反向代理解决跨域。

前后端不分离的页面

前后端不分离的项目中,页面中的数据渲染操作是在服务器端完成的。

前后端不分离的页面一次请求就能完成。

 

 🌟写在最后

项目上线部署--》将详细讲解关于网站运行机制、基础知识及网站上线部署具体流程,如果文中出现有瑕疵的地方各位通过评论或者私信联系我,我们一起进步,有兴趣的伙伴可以关注订阅一下:

点击查看更多实用技巧及技术

 

  • 13
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 7
    评论
前端项目部署线的具体步骤可能会因为项目的不同而有所差异,但是下面是一个通用的流程: 1. 选择合适的服务器:选择一个适合你项目需求的服务器,可以是云服务器、虚拟主机或者其他托管服务提供商。 2. 准备服务器环境:在服务器上安装所需的环境,包括操作系统、Web服务器(如Nginx或Apache)、Node.js(如果项目需要)等。 3. 构建项目:在本地开发环境中使用构建工具(如Webpack、Parcel、Gulp等)构建你的前端项目。这将生成一个可部署的生产版本。 4. 上传项目文件:将构建好的项目文件上传到服务器上。可以使用FTP、SCP或者其他文件传输工具进行上传。 5. 配置服务器:根据你的项目需求,对服务器进行配置。这可能包括设置域名、配置SSL证书、配置反向代理等。 6. 运行项目:在服务器上启动你的应用程序。如果是基于Node.js的项目,可以使用PM2或者其他进程管理工具来守护进程并保持项目的持续运行。 7. 测试和验证:访问你的应用程序,在浏览器中进行测试和验证。确保一切正常运行,并解决可能出现的问题。 8. 监控和维护:设置适当的监控和日志记录机制,以便及时发现并解决潜在的问题。定期进行维护,更新项目依赖和修复漏洞。 9. 域名解析:如果你使用的是自定义域名,需要在域名注册商处进行域名解析,将域名指向你的服务器IP地址。 10. 高可用和负载均衡(可选):如果需要更高的可用性和负载均衡,可以考虑使用负载均衡器或者容器编排工具。 请注意,这只是一个基本的部署流程概述,实际操作可能会有更多细节和特殊情况需要考虑。在部署过程中,确保项目的安全性、性能和可用性是非常重要的。所以建议在部署之前充分了解你的项目需求,并参考相关文档和最佳实践来进行操作。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

琢鸣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值