将 jquery mobile mvc4 web 应用程序转换为 phonegap

Posted

技术标签:

【中文标题】将 jquery mobile mvc4 web 应用程序转换为 phonegap【英文标题】:Convert jquery mobile mvc4 web application to phonegap 【发布时间】:2012-09-04 16:36:52 【问题描述】:

我使用webapi 支持创建了一个Jquery mobile mvc4 web application,它在几乎所有移动设备上都非常漂亮。但现在我想将此 MVC 应用程序转换为 phonegap 以使用相机、加速度计、声音等移动功能支持。

开始将其转换为phonegap 的最佳方法是什么,我需要为 webapi 代码创建SOAP based web-Service。我在网上搜索过,但没有得到足够的帮助和支持。

我走对了吗?还是需要别的东西?

任何帮助都是可观的。

【问题讨论】:

如果您的客户端应用程序仍需要与外部服务器通信,您可以将 webapi 保留在服务器中。但是,如果您的解决方案完全是客户端,那么您需要 Web 服务做什么? 【参考方案1】:

好的,所以为了首先转换它,您必须了解 Objective-C,因为这是 iPhone 上唯一允许使用的语言,但假设您知道以下是进行转换时可以采取的步骤,例如那个。

*确保应用程序检索到的任何外部信息是 a) 在 REST api 中,您可以使用新的 WebApi,事实上我现在正在使用它,它就像一个魅力。或者 b) 任何脚本 src= 标签都被转换为磁盘上的本地文件。因此,如果您有 script src="My awesome css",请将该文件设置为手机上的本地文件。

*接下来查看所有视图并确定其所有 API 调用代码的位置。不要那样做,然后准备好移动该代码。

*一旦全部记录下来,启动一个 phonegap 项目并删除任何额外的 .index 文件或任何你不需要的东西。

*创建您的应用程序 PhoneGap 插件。让 OBjective-C 插件进行任何您需要的 API 调用,然后使 javascript 插件与 Objective-C 函数匹配。

*在您之前的视图中有任何调用,现在让它们调用cordova (PhoneGap) 插件。

这是一个非常简短的入门路线图。

一旦乏味结束,它是值得的。我将我的 ios 应用程序移到了 android 上,它们很容易转移。 干杯

【讨论】:

以上是关于将 jquery mobile mvc4 web 应用程序转换为 phonegap的主要内容,如果未能解决你的问题,请参考以下文章

MVC4 AspNet MVC下的Ajax / 使用JQuery做相关的Ajax请求

请问在ASP.NET项目MVC4项目中可以使用jQuery.i18n.properties 实现 Web 前端的国际化吗?

HTML5开发移动web应用—JQuery Mobile-事件

什么是jQuery Mobile

HTML5开发移动web应用—JQuery Mobile

jQuery Mobile 移动 web 应用程序框架