phoneGap与The-M-Project初体验

今天做了一个webApp的测试。以前都是写纯Native应用。今天做了一个Web App测试。



首先是PhoneGap的测试。

结果如图



再次是The-M-Project的测试效果。





一、PhoneGap使用流程

1、去http://phonegap.com/主页下载开发包。

2、添加到工程。

    将其中的phonegap.jar文件添加到新建的Android工程中的libs目录下。

     将其中的phonegap.js文件添加到新建Android工程中的assets目录下。

     将其中的xml文件全部放入res文件中去。

3、编写代码。

 

1. /**
2. * @title
3. * @author LiYa
4. * @version 1.0 Mar 6, 201211:20:24 AM
5. */
6. publicclassPhonegapfirstActivityextendsDroidGap{
7.  
8. @Override
9. publicvoid onCreate(Bundle savBundle){
10. // TODO Auto-generated method stub
11. super.onCreate(savBundle);
12. super.loadUrl("file:///android_asset/index.html");
13. }
14. }

3、运行程序就可。



个人觉得有点不好的地方。

首先：

    phonegap编写者需要对相应的某一个平台有比较熟悉的理解。因其中相关的js操作就是通过映射到jar里面的class文件去操作平台特性的东西。

其次：

  所以写页面html及相关的js操作时测试也就变得相关的麻烦。

再次：

调度不便 。



二、The-M-Project

下载地址：http://the-m-project.org/

 

纯web开发测试。网页测试完成。

基于mvc模式实现。架构清楚明了。



总结的是：

首先、优点提供的很丰富的UI。

其次、如果你对 iphone开发比较清楚的话，这个web app开发框架就会很适合，里面有很多就是iphone的特性，包括ui显示的样式。

最后、

其运行依赖于Nodejs才能运行。

并不能直接将生成文件加入到native app中使用（因其不能提供html页面里面的引入资源环境);

但可以结合phonegap使用，不过经测试，启动比较慢。