网易NEI在面临前后端分离问题,所提供的完整解决方案


内容来源:2018 年 1 月5 日,网易NEI产品负责人包勇明在“2018移动技术创新大会”进行《网易高效多端应用协作开发实践》演讲分享。IT 大咖说(微信id:itdakashuo)作为独家视频合作方,经主办方和讲者审阅授权发布。

阅读字数:1958 | 5分钟阅读

嘉宾演讲视频及PPT回顾:suo.im/5bH62T

摘要

在实际项目开发过程中,前后端分离开发是比较受关注的问题,本次分享会讲述开发所面临的问题背景以及 NEI 如何提供的完整解决方案。

产品开发步骤

现在的产品开发一般是按照交互稿、视觉稿、开发、测试、发布这样的流程进行。本次我们重点探讨开发领域,涉及到客户端以及服务端。

在没有交互稿的时候,开发也可以做一些前期准备,比如前后端的技术选型、环境搭建,另外后端还有建模的过程。

前后端并行开发

开发过程中的理想状态应该是前后端并行开发,这在业界也是比较热门的概念,但是对一些没有技术积累的传统企业来说实现起来还是有一定难度。

整个过程中前端使用Mock Server后端进行接口测试,中间约定API契约,然后进行前后端并行开发,最后进行联调。理论上联调成本会很小,因为Mock Server是依照API契约进行开发的,而后端也同样是按照约定定义接口。

接口管理平台

交互稿设计完成后就轮到接口的设计,传统的接口文档有IM、txt、word、wiki、Swagger这几类。它们普遍存在表述不清晰或者格式混乱的问题,使用接口管理平台能有效解决这类问题。

彻底实现前后端分离的过程中有着一个阻碍,即如何处理模板。模板是在后端环境中运行的,有ftl、php、ejs等各种类型。前端开发中如果还要涉及到后端环境,那么这就不是彻底的前后端分离。为此我们实现了能够解析模板的Mock Server,它可以获取模板中的真实数据,比如登录的用户数据,而只使用Mock模拟数据有些业务逻辑是无法实现的。

前后端分离中需要有模板化,所以除了接口规范外还要有页面规范。另外手动实现Mock Server是有一定成本的,我们为此提供了配套的构建工具,用来解析模板、Mock接口。

实践方案

NEI协作体系

从交互阶段开始就可以根据交互稿设计接口,接着通过构建工具生成初始化代码,前后端开发完成后进行自测。自测的过程中,由于前端的Mock数据都是生成在本地或者是平台提供的接口,所以可以通过修改数据进行更充分的自测。后端则主要是对接口是否符合定义的测试,我们也提供了这方面的工具。最终这样就能有效降低联调的成本。

接口

接口的设计人员首先要对系统功能非常了解,其次对前后端开发都有所涉猎,了解前端的功能实现以及后端的接口实现。因此我个人是倾向于前端架构师这一角色,但是很多公司其实是没有这一职位定义的。

接口的设计必须遵循业界规范,比如Restful接口规范。然后要描述清晰,不能遗漏重要信息。

数据模型

实际开发过程,后端在创建接口的时候会事先建立数据模型,并进行一些增删改查。前端也有一套对应的数据模型抽象,这样做的优点在于能够实现复用、规范以及自动化。

NEI支持的数据模型

NEI构建工具原理

通过接口定义NEI平台上的数据规范,再使用NEI Toolkit导出规范,最后使用Express启动服务。

NEI中的接口规范定义请求与数据的关系;页面规范定义页面与模板、接口的关系;模板规范定义模板与数据的关系。

NEI的模拟容器

图中是NEI的模拟容器,接口、页面都被直观的展现出来。它的主要功能有页面Mock、接口Mock、监听静态文件以及其他前端频繁用到的功能。

前端自测

上图是构建工具生成的Mock数据文件,其中data.json就是Mock值,data.js主要是做一些拦截。前端的自测可以修改data.json数据以及data.js过滤器。

后端自测

NEI集成了接口测试功能,比如验证字段类型是否匹配、字段值是否符合定义、字段是否缺失或多余以及自动生成测试报告和批量运行用例等功能。

前后端联调

前后端联调理论上只是服务器环境的地址不一样,本地开发使用Localhost服务器,要使用其他环境只需将Localhost替换成相应地址。一般定义时不用设置Localhost这块的地址,只关注后面的地址。

地址变更只需要修改配置文件Server.Config.js。

其他方面的探索和实践

我们还做了其他方面的探索和实践,包括迁移老项目、团队协作、支持业界标准、对测试工程师的支持、支持典型产品。


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/451406.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何使用js动态显示或隐藏DIV

在web页面中&#xff0c;经常需要使用select控件来显示div的显示与隐藏&#xff0c;实现这个方法主要用到了setAttribute方法&#xff0c;以下为示例代码 [html] view plaincopy <html> <title>通过选择项显示不同的结果</title> <head> <scr…

myeclipse进入Myeclipse configuration center 如何关闭

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 找到这个图标&#xff0c;放上去显示return即可关闭&#xff0c;隐藏很深有木有

程序员保持身心健康的八种方式

程序员是一个辛苦的行业&#xff0c;长时间面对的只是需要解决的问题&#xff0c;更不要提开发期限和无理取闹的客户了&#xff0c;这样的工作简直无以承受。怎么办呢我们&#xff1f;我们热爱编程&#xff0c;乐于创建功能……我们喜欢那种将一堆代码弄成像Facebook或者Digg那…

[No0000166]CPU的组成结构及其原理

中央处理器(Central Processing Unit, CPU)CPU的基本架构和工作原理其实百科上讲得已经相当清楚了&#xff0c;不过我觉得有些事情呢还是给个例子出来比较方便学习。本文会先从内存地址&#xff0c;计算机的一般架构之类的基础知识出发&#xff0c;然后逐步为读者"拼装&qu…

Java 时间总结

转载请标明出处&#xff1a;http://blog.csdn.net/zhaoyanjun6/article/details/80613024 本文出自【赵彦军的博客】 时区 整个地球分为二十四时区&#xff0c;每个时区都有自己的本地时间。为了统一起见&#xff0c;使用一个统一的时间&#xff0c;称为通用协调时(UTC, Univer…

js中的var是什么意思

声明&#xff08;创建&#xff09; JavaScript 变量 在 JavaScript 中创建变量经常被称为“声明”变量。您可以通过 var 语句来声明 JavaScript 变量&#xff1a;var x; var carname; 在以上声明之后&#xff0c;变量并没有值&#xff0c;不过您可以在声明它们时向变量赋值&…

HTTP/2 协议入门

一、2015年&#xff0c; HTTP/2发布。 二、二进制协议 HTTP/2是一个二进制协议&#xff0c;头信息和数据体都是二进制&#xff0c;并且统称为“帧”&#xff08;frame&#xff09;,头信息帧和数据帧。 二进制协议的一个好处是&#xff0c;可以定义额外的帧。HTTP/2定义了近1…

态度决定高度

“一个将什么都不放在眼里的人&#xff0c;他的未来一定是一片黑暗&#xff0c;因为他什么都看不到”。知识的获得和能力的锻炼是个一点一滴慢慢积累的过程&#xff0c;这个过程需要我们端正态度&#xff0c;俯身求教。好高骛远一直都是很多人容易犯的错误&#xff0c;这样导致…

中间件技术是什么?

&#xff08;一&#xff09;举例说明&#xff1a; 我开了一家炸鸡店&#xff08;业务端&#xff09;&#xff0c;然而周边有太多屠鸡场&#xff08;底层&#xff09;&#xff0c;为了成本我肯定想一个个比价&#xff0c;再综合质量挑选一家屠鸡场合作&#xff08;适配不同底层逻…

4.10/4.11/4.12 lvm讲解 4.13 磁盘故障小案例

2019独角兽企业重金招聘Python工程师标准>>> 准备磁盘分区 fdisk /dev/sdb n 创建三个新分区&#xff0c;分别1G t 改变分区类型为8e 准备物理卷 pvcreate /dev/sdb1 pvcreate /dev/sdb2 pvcreate /dev/sdb3 pvdisplay/pvs 列出当前的物理卷 pvremove /dev/sdb3 删除…

《Effective Java》 第一讲:创建和销毁对象

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 一、用静态工厂方法代替构造器 用静态工厂的优点 &#xff1a; 1. 方法有名字&#xff0c;更好理解。 2.不必每次调用的时候都创建一…

外围功能电路控制 LET′S TRY“嵌入式编程”: 4 of 6

外围功能电路控制 LET′S TRY“嵌入式编程”: 4 of 6本连载讲解作为嵌入式系统开发技术人员所必需具备的单片机的基础知识。 在《单片机入门&#xff08;1&#xff09;&#xff5e;&#xff08;3&#xff09;》中&#xff0c;我们一起学习了单片机的硬件和编程语言以及开发环境…

如何防止代码腐烂

很多团队都有这个问题&#xff0c;一个项目的代码本来开始设计得好好的&#xff0c;一段时间以后&#xff0c;代码就会变得难以理解&#xff0c;难以维护&#xff0c;难以修改。为什么&#xff1f;我一直在思考这个问题。 让我们先看一个人的情况。 1. 程序员的成长 新手的代码…

什么是商业智能(BI),以及其与数据分析的区别?

BI&#xff08;Business Intelligence&#xff09;即商务智能&#xff0c;它是一套完整的解决方案&#xff0c;用来将企业中现有的数据进行有效的整合&#xff0c;快速准确地提供报表并提出决策依据&#xff0c;帮助企业做出明智的业务经营决策。它是一种产品/服务&#xff0c;…

php课程 4-15 数组遍历、超全局数组、表单提交数据(多看学习视频)

php课程 4-15 数组遍历、超全局数组、表单提交数据&#xff08;多看学习视频&#xff09; 一、总结 一句话总结&#xff1a;超全局数组特别有用&#xff0c;比如$_SERVER可以获取所有的客户端访问服务器的情况。 1、数组遍历三种方式&#xff08;最不熟悉的那一种&#xff09;…

git branch 分支

Git自学之路&#xff08;四&#xff09;- git branch 分支 几乎所有的版本控制系统都以某种形式支持分支。 使用分支意味着你可以把你的工作从开发主线上分离开来&#xff0c;以免影响开发主线。 在很多版本控制系统中&#xff0c;这是一个略微低效的过程——常常需要完全创建一…

软件工程师的十个“不职业”行为

职业化是软件工程师的必然选择。本文根据我在教学和软件开发管理方面的实践&#xff0c;列举几个软件工程师“不职业”的行为或习惯&#xff0c;从另外一个侧面进一步探讨什么是真正的软件工程师职业化。职业化之于软件工程师非常重要。因为&#xff1a;软件是看不见也摸不着的…

fn:substring()函数

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 fn:substring()函数返回字符串中指定开始和结束索引的子串。 语法 fn:substring()函数的语法如下&#xff1a; ${fn:substring(<s…

大数据分析如何创建最佳的移动应用用户体验

2019独角兽企业重金招聘Python工程师标准>>> 如今&#xff0c;越来越多的人使用移动应用程序。而移动应用将在未来成为一个价值数十亿美元的产业。大数据可以帮助企业构建最佳的用户体验。 多年来&#xff0c;开发移动应用程序的技术一直在不断发展&#xff0c;这实…

C语言自学的方法

一、C语言入门的基本学习方法 《C语言》的内容很丰富&#xff0c;有的部分涉及到的细节很多&#xff0c;如硬件知识和数据结构知识等&#xff0c;自学时不可能面面俱到&#xff0c;否则必然会顾此失彼&#xff0c;反而抓不住主要矛盾。笔者认为对初学C语言的考生&#xff0c;开…