HTML5代码重用Phonegap

时间:2013-02-28 15:05:12

标签: html5 cordova jquery-mobile mobile

Hello Fellow开发人员,

我正着手开发HTML5 / JS网站的新途径,并寻找一种方法为移动应用程序重用相同的代码(希望使用PhoneGap或Appcelerator来使用它)。要求是开发一次可以在桌面和智能手机上使用,但项目发起人需要更安全的方式来处理智能设备上的数据,因此我们希望选择这种方法。现在我的问题是

  1. 我们能否以这种方式重用和构建解决方案,以便在Appcelerator或Phonegap中的Mobile上重用HTML5 / jQuery代码?
  2. 如果是,在移动设备上支持的返工百分比是多少?
  3. 如果不是,那可能是什么选择?
  4. 感谢所有人的指导。

2 个答案:

答案 0 :(得分:0)

我希望您计划建立一个移动网站。如果是这样,只要你的网站只使用HTML5,JS和CSS,它很容易将其转换为PhoneGap应用程序,可能只有5%的变化。它不可能运行一个用服务器语言编写的网站,如PHP,ASP.NET,ruby等。需要牢记的一些重要事项:

  • 一起开始开发网站和应用。使用移动浏览器和phonegap进行测试,以便您可以在出现问题时解决问题。

  • 使用基于移动HTML5的框架,如Kendo UI Mobile / jQuery Mobile等进行开发 这样你就不会花时间修理所有与移动相关的UI内容。

  • 无论您在何处使用PhoneGap功能,请检查您是否在PhoneGap上运行,或者回退到浏览器功能。

答案 1 :(得分:0)

(1)。 如果您当前的桌面网站以webservice方式与服务器端进行交互,那么一切都将非常简单。即使您可以直接修改src \ com \中的* .java,如下所示:

 super.loadUrl("http://balabalabala.com");

使用phonegap wrap,您的应用程序现在可以访问。 如果没有,您将需要花时间为客户端实现服务器端接口。

(2)。 你需要用一些移动的javascript框架(比如jquery mobile,sencha touch)来重构你的静态html页面。 使用它们使您的phonegap应用程序更具有本机应用程序的simalar。 这也需要时间。

以上两件事你需要返工。