前端链路相关逻辑

2021-11-15 12:01:14   4  举报





前端链路是指在用户访问网站或应用时，从用户发起请求到服务器响应并返回结果的整个过程。在这个过程中，前端链路涉及到多个环节，包括网络传输、协议解析、数据处理等。为了提高用户体验和性能，前端链路需要进行优化。常见的优化方法包括减少HTTP请求次数、压缩资源文件、使用CDN加速等。此外，前端链路还需要考虑到安全性问题，如防止跨站脚本攻击（XSS）、跨站请求伪造（CSRF）等。总之，前端链路是网站或应用的重要组成部分，它直接影响到用户的体验和安全。因此，对前端链路进行优化和安全防护是非常重要的。

学习笔记

作者其他创作

大纲/内容

按钮点击或者页面加载，调用接口

定义全局对象 WAPIDATA

调用监控运维接口，传递参数

api response发送接口之后

有响应

调用监控平台接口

url+string(query)

1 begin 接口开始请求时间戳 2 end 接口返回时间戳 3 time 4 id 生成唯一id， 5 query 入参 6 remark 哪个按钮，前端的交互信息 7 page 页面地址 8 navatior 游览器信息 9 mid 用户id 10 num 记录该页面请求相同接口相同参数，请求的次数 11 data 后端数据或者null

调用监控运维接口

定义接口方法

api request发送接口之前

1 begin 接口开始请求时间戳 2 id 生成唯一id， 3 query 入参 4 remark 哪个按钮 5 page 页面地址 6 navatior 游览器信息 7 mid 用户id 8 num 记录该页面请求相同接口相同参数，请求的次数

data

无响应

1 读取WAPIDATA[url+string(query)] 2 end 接口返回时间戳 3 time 计算begin 和end 的差值（即api响应时间） 4 data 记录api返回数据

传入参数

APIID 即生成id 带入Ruqest header

接口请求

定义1 接口地址2 接口描述 remark（哪个功能的点击）3 接收入参