h5前后端分离及动静分离时序图
2021-01-14 12:44:35 0 举报
h5前后端分离及动静分离时序图
作者其他创作
大纲/内容
3、根据html中的资源加载路径获取静态资源
4、返回静态资源,包括js、css、img等
Nginx配置location,找到指向html文件路径
应用站点
1、使用Nginx做web服务2、span style=\"font-size: inherit;\
6、将browser发出的浏览器转发到Gateway
浏览器渲染页面完成页面的呈现
2、返回html文件
Gateway (网关)
1、鉴权、限流、日志输出;2、想不同的业务系统发请数据或操作请求3、将业务数据按照规范返回客户端
5、获取业务数据的网络请求
完成一次网络交互
8、业务系统完成处理之后,返回业务数据或操作结果
静态资源站点
1、做CDN缓存策略等
9、返回业务数据或操作结果
7、向相应的业务系统发起请求
浏览器输入网址
Nginx配置location,通过proxy_pass进行网络请求的域名转发
1、向web服务请求页面资源
10、返回业务数据或操作结果
Browser
1、内容展示2、用户操作
用户操作触发业务请求
浏览器重新渲染网页
Server(业务系统服务)
收藏
0 条评论
下一页