企业官网建设流程全解析

电商网站建设与开发期末考试,网页模板免费资源,flash网站效果,如何制作好自己的网站#x1f91d; 理想中的联调#xff1a;插头与插座的完美契合 在项目经理的甘特图里#xff0c;联调是这样的#xff1a;动作时间描述后端开发3 天写好逻辑#xff0c;暴露接口#xff0c;提供文档#xff08;Swagger/YApi#xff09;。前端开发3 天画好页面#xff0c… 理想中的联调插头与插座的完美契合在项目经理的甘特图里联调是这样的动作时间描述后端开发3 天写好逻辑暴露接口提供文档Swagger/YApi。前端开发3 天画好页面根据文档写好调用逻辑。联调0.5 天前端连上后端数据完美展示收工。现实是这 0.5 天最后变成了5 天。而且这 5 天里空气中弥漫着“是你代码写错了”、“不是你参数传错了”、“文档明明不是这么写的”的怒吼。️‍♂️ 第一关文档是“仅供参考”的诈骗联调的第一分钟通常是从400 Bad Request参数错误开始的。场景前端盯着屏幕“我完全按照文档传的参数为什么报错”后端盯着屏幕“我后台收到的参数是空的你怎么传的”抓包破案大小写陷阱文档userId后端代码user_id后端习惯蛇形命名前端代码userid前端手滑了结果三方都不一致谁也别想通。类型诈骗文档status(Number, 0或1)后端接收Integer前端传参status: 1(String)后端框架SpringMVC 默认还能帮你转一下但如果是复杂的 JSON 嵌套直接报错JsonParseException。争吵后端“你为什么传字符串” 前端“URL 参数默认就是字符串啊你不会转一下吗”布尔值的罗生门前端传isVip: true后端想要isVip: 1(因为数据库里存的是 tinyint)争吵前端“是/否不就是 true/false 吗” 后端“我数据库里没有 boolean 类型”结论接口文档在写完的那一刻就已经过期了。只有代码才是诚实的但它们语言不通。 第二关精度丢失——消失的后三位这是联调中最隐蔽、最坑爹的 Bug没有之一。场景后端使用雪花算法 (Snowflake)生成了一个订单 ID1765392849582710452(这是一个 19 位的 JavaLong类型整数)。后端把这个 ID 通过 JSON 发给了前端。前端接收打印在控制台1765392849582710500。注意看最后三位变了452 变成了 500原因Java 的Long是64 位整数。JavaScript 的Number是双精度浮点数(IEEE 754)。它的安全整数范围只能到53 位(约 9007 万亿)。超过这个范围JS 就会丢失精度自动把末尾变成 0。后果前端拿着这个错误的 ID...500去调用“查询订单详情”接口。后端“查无此单”。前端“这就是你刚才给我的 ID 啊”后端“放屁我给你的是...452”两人对着屏幕上的日志陷入了对自己视力的怀疑直到有人想起 JS 的这个万年巨坑。防御代码后端必须把所有Long类型的 ID转成String(字符串) 再发给前端。 第三关CORS——浏览器的“看门狗”代码没问题参数没问题但请求就是发不出去。浏览器控制台飘红Access to XMLHttpRequest at ... has been blocked by CORS policy.前端“后端你没配跨域给我加个 Header”后端“我配了啊Access-Control-Allow-Origin: *我都加了”前端“还是不行”排查真相带 Cookie 的跨域如果请求要带 Cookie后端就不能设为*必须设为具体的域名。预检请求 (OPTIONS)浏览器正式发 POST 之前会先发一个 OPTIONS 请求探路。后端拦截器一看“这是啥请求没 Token拦截”OPTIONS 请求被后端拦截了前端就死活发不出 POST。代价为了搞定这个红色的报错两人得花一下午时间去研究 HTTP 协议和 Nginx 配置。 第四关Mock 数据的温柔陷阱在后端接口没写好之前前端通常会用Mock(模拟) 数据来开发。Mock 数据是完美的所有字段都有值。列表永远不为空。图片地址永远有效。没有任何异常情况。联调那一刻美梦破碎前端连上真实的后端页面瞬间崩成了一坨。Null 指针炸弹Mockuser: { name: Tom, age: 18 }真实user: null(因为这人没填资料)前端代码user.name-Uncaught TypeError: Cannot read property ‘name’ of null。白屏。空列表的尴尬Mock列表里总有数据。真实新用户注册列表是空的。前端忘了写“暂无数据”的占位图页面显示一片尴尬的空白或者布局塌陷。图片加载失败真实数据里图片 URL 可能是坏的或者是 HTTP (在 HTTPS 网页里被拦截)。页面上出现了一排排丑陋的“裂开的图片”图标。️ 第五关网络环境的“鬼打墙”场景前端在公司内网后端在云服务器。前端“调不通超时。”后端“我本地 curl 是通的啊。”原因排查VPN后端服务器只允许公司 VPN IP 访问。前端忘开 VPN 了或者 VPN 掉线了。hosts前端电脑的 host 绑定的域名指向了测试环境但后端发版发到了预发环境。HTTPs 证书测试环境的证书是自签名的不安全。安卓/iOS APP 默认拦截不安全的证书请求直接发不出去。前端得求着客户端开发去把“忽略证书校验”的开关打开。 总结联调是人际关系的试金石为什么接口联调这么痛苦因为这是**“理想逻辑”我的代码和“残酷现实”**别人的代码 复杂的网络发生物理碰撞的时刻。一场顺利的联调需要后端不仅写代码还要写靠谱的文档还要把Long转String还要配好CORS。前端不仅画页面还要防御null值还要处理401/500错误还要对齐字段名。心态即使对方传回来的 JSON 是一坨垃圾也要心平气和地问“亲这里是不是字段名拼错了”而不是直接吼“你写的什么破玩意”