将bootstrap移动网站转换为phonegap应用

时间:2015-06-03 19:33:46

标签: javascript jquery asp.net-mvc twitter-bootstrap phonegap-plugins

我有一个使用bootstrap 3和jQuery的MVC4 Web应用程序。移动设计正是我们所需要的,但我想创建一个本机移动应用程序,它可以复制移动网站。有没有办法将bootstrap站点转换为Phonegap应用程序,因为我知道这是基于HTML和JS的?

我想知道是否有任何方法可以使用类似iframe的应用程序加载移动网站?我们唯一想要使用本机应用程序的是推送警报和营销能力。

任何指导都将不胜感激。

提前致谢

1 个答案:

答案 0 :(得分:0)

如果您的MVC应用程序是一个SPA(单页面应用程序),它广泛使用Ajax与后端进行通信,那么您可能会很幸运。

首先,由于MVC是服务器端,你必须生成静态HTML页面才能在你的Cordova应用程序中使用..这应该不是问题,只需转到每个页面并将源代码保存为HTML文件

此外,您的通信需要基于Ajax ... jsonP,将更容易工作,但您始终可以配置跨域通信。

然后你需要重新组织所有页面和内容,以便与Cordova组织目录和内容的方式兼容。

但基本上..你只是生成静态页面,确保Ajax工作,并重新组织目录结构等。

可能会有点复杂,你可能需要考虑认证等问题,并在这里和那里重做一些代码,但这绝对不是不可能做到的。

如果您可以转储您的网站以使用USB驱动器(纯html,js,ajax),那么您可以将其转换为Cordova应用程序: - )