跟着岐哥学WebApp（一）

缘生

       接近年关，项目频繁交账，其中一个项目需要开发一个移动端采集，大概月底需要在IPad上有一个基本可用的程序，将现有的程序替下。这是大体背景，同时在架构及功能的要求还比较容易把握，移动端开发基本上还是三年前涉及Android原生开发，开发流程大不相同，正好借此机会熟悉一下WebApp开发流程。基本上保持2~3天写一次总结，总的下来应该会有十多篇，留作记录之用。

缘起

       在进行开发的过程一直在犹豫，如何利用已有的资源进行开发，从来都是比较主张从业务入手进行深入分析，然后构建具有相应业务特色的应用（小吹一把~）。

• 动态、动态、还是动态，一直都是追求的目标。
• 尽可能多跨平台进行应用；
• 可能涉及底层的原生api调用；
• 支持在离线（无网络信号）情况下的数据保存与存储；

       接下来就是调研，在调研中发现了五花八门的技术，很多都令人叹为观止。面对上面的需求基本上实现方式可以Pass掉原生的，总有百般柔情亦是分身乏术，尤其是动态，依靠服务器端配置展示相应界面，这种需求可能是原生渲染方式所不容的，暂时确定为webapp家族的，至少随着这段时间的积累有所感悟。

先说说，webapp流派，纯属个人观点，欢迎拍砖：

• 纯Html5，基本上就是一个browser，然后在browser的基础上加上快捷方式（真快捷方式或者封装了一下），简单易行，但是性能上似乎不太能恭维；
• 使用了专门移动端html5，在性能上做了一些优化，代表作有jqmobi、sencha touch，据说使用的人还是比较多的；
• 专注移动端开发，并且利用与平台交互的方式引入一些调用底层的接口，很难说是某一个的功劳，确切的说是一系列东西，ionic+angularjs+phonegap；
• react native，不错的选择，单纯完全组件化就是很诱人的一种选择，再加上顺道可以reactjs一下，想想就会觉得高大上；

     另外，比较值得关注的是一些开发利器：

• Eclipse老传统，有情节，同时通过模块化的方式易扩展，Android开发的一个不错选择，然而用来开发html5可能会有些捉襟见肘；
• WebStorm，据称比较好用，试了一下确实继承了不少控件以及一些开发模板，11.0更是对nodejs开发做了良好支持，破解现在较少看了一下使用java代理解的，还得关注微信，果断放弃，先试用一个月再说；
• VS2015，大家可能有些好奇，这东西能行吗？刚开始我跟大家的想法一样，感觉走的一直不是微软系，然而平心而论，这东西确实不错，甚至称得上开发利器，口说无凭截几个界面
• 流畅的目录结构
• 
• 基于Ripple的移动端支持
• 
  
• 为大家所深恶痛绝的VS配置界面
• 
  
• 如果你想装插件，只需要点一下
• 
  
• 选择自己的开发包，并且与本地项目合并
• 
  
• 两个编程工具，可以让你不再担心跨平台的问题
• PhoneGap Desktop+PhoneGap App结合，可以发布到Desktop上然后直接应用安装到客户端上的应用访问；小巧玲珑，可堪大用
• 
  
• Ripple，VS2015中集成这个直接可以进行编程，下面是调用拍照功能的一个例子（顺便做下广告）
•