使用PhoneGap访问网站

时间:2012-05-03 19:48:40

标签: android jquery-mobile cordova asp.net-mvc-4

我有一个由ASP.Net MVC生成的客户端Web应用程序(Html 5,CSS,JQueryMobile等)。我正在使用ASP.Net MVC将用户代理识别为传统浏览器或移动浏览器。如果移动浏览器然后我渲染移动视图。当通过桌面浏览器或移动设备上的浏览器(iPad和Android平板电脑)访问时,该应用程序按设计工作。

客户希望将他们的应用程序包装在PhoneGap中,以便他们可以为Google Play和Apple商店创建可分发的商品。我对PhoneGap比较陌生,所以我采用的方法是创建一个带有iframe的精简html页面,该页面访问所述应用程序的URL。我的目的是使用Dreamweaver CS 5.5和PhoneGap生成APK文件和iPad等价物,以便我们可以将客户端的应用程序加载到不同的移动商店。

我不确定这种方法是否正确。它似乎应该有效:一个精简的index.html页面,只有一个调用该应用程序的iframe。这是代码:

<html>
<head>... phoneGap.js..</head>
<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="[URL TO WEBSITE HERE]" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe>
</body>
</html>

我使用上面的代码创建了一个APK文件,并将其加载到运行IceCreamSandwhich的Android平板电脑中,但性能非常糟糕。但是,我可以在同一个Android平板电脑上通过浏览器访问该应用程序,一切都按设计工作。

有人可以指出我正确的方向如何让这个工作。我无法改变ASP.Net MVC。必须有一种方法可以将ASP.Net MVC生成的移动应用程序打包,以便将其放入Google Play和Apple Store。

1 个答案:

答案 0 :(得分:1)

您很可能无法按照自己的方式使用它,因为在iframe中运行的代码无法访问phonegap.js。

您可以将索引页面重定向到您的服务器,但Apple很可能不允许您通过其应用商店分发此内容。这还需要您将phonegap / cordova js文件放在服务器上。

'典型'的phonegap / cordova应用程序拥有存储在客户端上的资源(它们被打包到应用程序中),服务器只在那里提供数据,通常是通过REST + JSON API。

你听起来要建立的是一个包装好的网站,恕我直言不是应用程序,应该只在浏览器中使用。