Part-6: 架构设计的成功案例分享
一 案例:重构PhoneGap的架构和代码
1、议题:PhoneGap目前只搭配HTML5的Web App
如何重构PhoneGap的架构和代码
让PhoneGap也能搭配一般的Native App
2、现况:目前PhoneGap的架构设计
HTML5 & PhoneGap可以让UI更容易跨平台
其依赖Browser和PhoneGap的插件<T>来吸收平台的差异化
如果插件很多时,PhoneGap里的PluginManager负责管理之
UI事件是从WebView传送到PhoneGap的插件<T>
3、目标:
即使不采用HTML5,也能使用PhoneGap来管里插件
一旦不使用HTML5,PhoneGap就不再搭配WebView
于是,PhoneGap转而搭配一般的View,如Button等
UI事件(Event)改从一般的传送到PhoneGap的插件<T>
4、收获:
如何拦截App的启动事件(onCreate事件)和UI事件
以EIT造形加快理解PhoneGap框架的结构
深刻领悟<I>的设计要领:如IPlugin接口设计
熟悉从<重构设计>到<重构代码>的过程
二 重构的设计思考
1、重构范围内共有3个EIT造形的美妙组合
第1个造形:{ Activity-DroidGap }
第2个造形:{ WebView-CodavaWebView }
第3个造形:{ PluginManager-Plugin-<T>}
熟悉从<重构设计>到<重构代码>的过程
2、因为不再搭配WebView,所以前两个EIT造形都必须重构
3、第3个造形最复杂
4、上上策是:不重构第3个造形,其内涵和接口代码都保持不变
5、成功地让第3个造形跨到重构的新平台(即前两个造形)
三 案例的成功关键和启示
1、关键:在于上述的设计思考
2、洞悉:心怀EIT造形去观察架构
3、技巧:从<I>观察重构的变动震幅,找出上上之策
4、启示:优越架构,带来易于重构的机会,创造了系统未来性
高老师架构课程视频地址:http://www.microoh.com/04/01/27/27/