1703952152
1703952153
移动互联网时代的来临，使我们在技术架构上要考虑“多屏”的需求。在软件开发的过程中，底层要稳固、健壮、具备高可用性；接口层要丰富、兼容、保持相对稳定；业务逻辑层要兼顾灵活性、可扩展性，以支持灵活多变的业务发展；展示层要能适应每个终端的特点，设计良好的用户体验。
1703952154
1703952155
下面我们主要介绍一些比较有特色的技术框架：SOA构架在移动中的应用、MVVM框架、Facebook的ReactsNative框架。
1703952156
1703952157
SOA架构，使得应用的服务器端各模块间解耦，在应用部署的时候从业务维度进行分组，在极端情况下可以舍弃非核心模块，以保证主业务不受到影响，体现出了SOA架构的优雅和高可用性。从图8-3的移动应用整体架构中，可以看到SOA在其中起到的至关重要的作用。
1703952158
1703952159
1703952160
1703952161
1703952162
图8-3 移动技术框架
1703952163
1703952164
从图8-3中可以看到，无线服务平台是独立存在的，可以整合所有的后端服务和数据，针对无线的特点，优化后提供给APP，真正做到根据无线规则出牌，针对不同的设备类型，如Android、iPhone、iPad、Windows Phone等，提供不同类型的数据和内容。基础服务平台，提供底层通用的数据接口，并对这些接口被调用的情况进行监控，做到实时预警，还可以集中进行技术数据统计和业务数据统计。
1703952165
1703952166
MVVM是Model-View-ViewModel的简写。微软的WPF（Windows Presentation Foundation，微软推出的基于Windows Vista的用户界面框架）带来了新的技术体验，如Silverlight、音频、视频、3D、动画……这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性柔和进去，以应对客户日益复杂的需求变化，如图8-4所示。
1703952167
1703952168
1703952169
1703952170
1703952171
图8-4 MVVM模式
1703952172
1703952173
MVVM，让视图逻辑和业务逻辑完全分离，View层专注展示，ViewModel层专注业务，容易并行开发，优点是业务逻辑集中、模块结构相对统一、好维护、好上手，单元测试可以做到ViewModel层，不再跟UI纠缠不清，模块的复用度也更高。跟传统的MVC模式相比，MVC中的C不可避免地越来越胖，视图逻辑和业务逻辑混杂，导致各种问题，如单元测试不好做、开发不容易并行、模块结构不统一，导致维护成本高、新人上手困难，比如视图上几个控件联动，有用通知实现的，有用观察者实现的，也有手写联动代码的，比较混乱。
1703952174
1703952175
React Native，是Facebook在“React.js Conf 2015”大会上，推出的基于JavaScript的开源框架。它解决的问题是，只要学习一种框架，就能够在iOS、Android等平台上进行应用开发，真正做到“Learning once, write anywhere”，大家厌烦了各种各样的编程语言，如果有一种语言真的能够统一移动开发领域，对于所有人都是好事。
1703952176
1703952177
React Native结合了Web应用和Native应用的优势，可以使用JavaScript来开发iOS和Android原生应用。在JavaScript中用React抽象操作系统原生的UI组件，代替DOM元素来渲染等。
1703952178
1703952179
React Native使你能够使用基于JavaScript和React一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native把重点放在所有开发人员关心的平台的开发效率上，开发者只需学习一种语言就能轻易为任何平台高效地编写代码。Facebook在多个应用程序产品中使用了React Native，并将继续为React Native投资。
1703952180
1703952181
国内多家互联网公司，也跟进了这一技术，将它应用到App开发当中，如图8-5所示，天猫移动端，就在多个应用模块中，采用了React Native。
1703952182
1703952183
1703952184
1703952185
1703952186
图8-5 天猫移动端ReactsNative应用
1703952187
1703952188
技术管理之巅：如何从零打造高质效互联网技术团队？ [:1703949765]
1703952189
8.1.3 移动应用怎么测试
1703952190
1703952191
移动应用测试，有别于PC端应用测试的地方是，移动端应用有着更复杂的客户环境，因为用户的手机型号是种类繁多的，测试的时候要兼顾各厂家机型、操作系统版本等问题，这一节里，我们侧重在这方面，跟大家做介绍。
1703952192
1703952193
1．界面测试
1703952194
1703952195
首先，界面显示内容的检查。要关注完整性、一致性、准确性。完整性，指的是数据长度自适应，或者截断处理；一致性，即同一数据源时，保证一致；准确性，所有字段都有其明确意义。
1703952196
1703952197
其次，提示信息的检查。某些重要信息在输入、修改、删除时应有“确认”提示信息，同时有“取消”来撤销误操作；无网络时操作，给出友好提示；提示语通俗易懂，具有一定的指导性；页面切换数据加载时的动画提示。
1703952198
1703952199
再次，界面易用性的检查；在某些编辑页面，键盘展开和收起，键盘上字符是否符合编辑要求；按钮可点击、不可点击状态；用户可点击的触控区域合理。
1703952200
1703952201
最后，界面处理的检查。屏幕旋转是否影响界面布局，界面切换和跳转符合交互设计等。