日常开发之前后端配合
在前后端分离的情况下,后端同学的任务是把数据和文件做持久化存储,并提供操作数据数据的接口。前端同学负责请求数据,然后对数据做处理和适配,最后再把数据呈现出来。其实就是以接口为界限,后端负责接口的制作,前端负责接口的调用。
在实际开发中,一般是前后端同学拿到需求后,一起来确定各个功能点需要的接口,然后再逐个细化出各个接口的输入输出字段,最后由后端同学生成一个接口文档
1、前后端分离
前后端分离使前后端开发相互脱离,互不影响。在开发过程中拥有更大自由度。后端无须顾忌页面的实现,更专注于业务逻辑;前端则反之。只要依据接口文档,就可在开发过程中节约时间,提高效率。对于前端,可做组件化,工程化,单页应用等。
2、前端注意事项
2.1、尽量避免后端模板渲染
web 应用的渲染方式分为服务器端渲染和客户端渲染,当下比较推荐的方式是客户端渲染,数据使用全 ajax 的方式进行交互。 因为客户端渲染更能使前后端分离(项目分离、代码解耦、协作分离、职责分离等) 。在一些不得已情况下,使用服务器端渲染 ,可以使用 node 中间层 。以保证后端与前端只有数据上的往来。
2.2、尽量避免线上调试
做好本地接口模拟开发 ,程序在本地运行是没问题的,一般线上就不会有太大的问题,这样就能大幅降低调试工作量,提升开发效率。
2.3 、规范的接口文档
能形成纸质的内容就不要口头交流。参数、字段含义、数据结构等等。
一个良好的接口文档应当有以下的几点要求与信息:
-
格式简洁清晰
-
分组:当接口很多的时候,分组就很必要了
-
接口名、接口描述、接口地址
-
http 方法、参数、headers、是否序列化
-
http 状态码、响应数据
2.4、去缓存
现在去缓存是将文件 hash 化命名,只要文件变动,文件名就会不一样,以此才能彻底的去缓存。如果使用 webpack 进行打包,会自动将所有文件进行 hash 化命名。 可以参考webpack output-filename。
3、总结
其实,工作是由人完成的。不管在什么情况下,沟通都是解决一切问题的法宝。当然,希望是心平气和的discussion。
个人经验建议:
1:由产品总监或者产品经理提出需求,制作原型图,并由测试人员提交需求在禅道中,这样第一,测试人员对业务功能了解,在前期已经介入,相当于编写了详细设计,并且对应的责任人明确,指派相应的开发人员,方便跟踪进度。