服务链路图(一)——客户访问到前端页面

简介: 服务链路图(一)——客户访问到前端页面

前言


  在对开发的业务进行压力测试之前,要先清楚整条链路的流程。该篇文章讲解的是从客户端到前端访问流程:


一、从输入网址到TP-LINK(中间经历了DNS解析

TP-LINK路由器有相对应的页面,在TP-LINK的页面上设置监控访问的一些网站,如图所示,新增了一条监控所有网站、所有时间段、访问的ip从192.168.0.100~192.168.0.200。设置完后我们可以得出这样一条结论:我们在地址栏输入的是绩效的域名,域名是没办法直接找到这些服务器的,是按照ip去监控的,所以说域名到IP这个中间有我们自己内部的一个DNS做解析。



DNS解析:简单地说就是把域名翻译成 IP 地址。例如:把 www.baidu.com 这个域名翻译成对应 IP 220.181.38.251,这里只是举个例子。

完整的流程如上图所示,在本地DNS服务器 → 根服务器 → 顶级域名服务器 → 二级域名服务器,只要从其中某级服务器上查到对应的IP后,直接返回给本地DNS服务器,然后再返回给客户端。咱们今天所讲解的是一个未发布外网的网址,所以在自己内部的dns服务器上就可以找到域名所对应的IP。如图所示:


二、从TP-LINK到服务器的防火墙


相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
4月前
|
缓存 前端开发 JavaScript
如何优化前端页面性能
前端性能优化是网站开发中非常重要的一部分,它直接关系到用户体验和网站的流量以及排名。本文将介绍一些优化前端页面性能的方法,包括减少HTTP请求、压缩代码、使用CDN等。
|
5月前
|
移动开发 前端开发 JavaScript
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
|
1天前
|
机器学习/深度学习 前端开发 数据可视化
数据分析web可视化神器---streamlit框架,无需懂前端也能搭建出精美的web网站页面
数据分析web可视化神器---streamlit框架,无需懂前端也能搭建出精美的web网站页面
|
3月前
|
存储 前端开发 JavaScript
【JavaEE初阶】 博客系统项目--前端页面设计实现
【JavaEE初阶】 博客系统项目--前端页面设计实现
|
7月前
|
缓存 前端开发 JavaScript
【前端用法】jquery获取当前页面的URL信息
【前端用法】jquery获取当前页面的URL信息
53 0
|
7月前
|
前端开发 安全 JavaScript
关于前端页面测试和抵御 clickjacking attack 的一些方法
关于前端页面测试和抵御 clickjacking attack 的一些方法
52 0
|
3月前
|
存储 前端开发 安全
无限连接:前端跨页面通信的实现与应用
在前端开发中,有时我们需要在不同的页面之间进行数据传递和交互。这种场景下,前端跨页面通信就显得尤为重要。前端跨页面通信是指在不同的页面之间传递数据、发送消息以及实现页面间的交互操作。本文将详细介绍前端跨页面通信的属性、应用场景以及实现方法,并提供一些代码示例和引用资料,帮助读者深入了解并应用这一重要的技术。
|
4月前
|
前端开发 JavaScript 网络安全
【面试题】 本地运行的前端代码,如何让他人访问?
【面试题】 本地运行的前端代码,如何让他人访问?
|
4月前
|
移动开发 监控 前端开发
HTML5与CSS3教学:美化员工行为监控软件前端页面的代码技巧
在当今信息时代,企业对员工行为的监控成为了一项必不可少的工作。而员工行为监控软件作为一种高效的管理工具,其前端页面的设计和美化显得尤为重要。本文将介绍如何利用HTML5和CSS3技术,优雅地美化员工行为监控软件前端页面的代码技巧。
218 0
|
5月前
|
JSON 前端开发 Java
(简易详细)spring boot 使用拦截器 实现拦截前端请求并返回json到前端页面
(简易详细)spring boot 使用拦截器 实现拦截前端请求并返回json到前端页面
114 0