2011-11-06 78 views
3

我们有一个使用jQuery Mobile构建的现有web应用程序。将Web应用程序嵌入PhoneGap(定位iPhone)的选项?

我们的目标是保持一个Web应用程序(即部署,立即向所有用户的更改)的动态功能,但有(通过PhoneGap的API和访问其他功能)通过本机shell访问苹果App Store。

据我们了解,这里是嵌入现有的Web应用程序(使用jQuery移动内置)到PhoneGap的应用程序的选项:

1)重写应用程序引用文件(例如,图像,声音,页)(而不是服务器),并将Web应用程序的第一页重命名为“index.html”。

2)将iFrame嵌入引用Web应用程序的简单PhoneGap应用程序中。这不需要对Web应用程序进行任何更改,而是更改PhoneGap配置文件以允许外部源在iFrame中打开,而不是在移动Safari中打开。

3)使用PhoneGap应用程序中的jQuery Mobile,在“index.html”加载并加载webapp后立即使用$ .mobile.changePage。这可以避免iFrames。

还有其他的选择吗?任何人都可以与他们分享他们的经验吗?它们中的任何一个都有什么缺点?

谢谢!

回答

2

您需要:

  1. 参考的phonegap.js
  2. 名称的第一个index.html文件
  3. 配置方向,而不同的视图模式,并在应用程序中使用的设备服务配置文件
  4. 蓄势待发

即使你不引用本地文件,应用程序将g^o并获取远程静态文件(这是一个WebKit视图..),因此不需要iFrame。

JQuery mobile与Phonegap一起工作良好,那里不踩彼此的脚,所以不用担心这边。

编辑:

配置好一点的是在一个名为PhoneGap.plist文件来完成。 这是

  1. 启用禁用某些PhoneGap的功能,
  2. 设置主机列表内的PhoneGap或Safari处理
  3. 声明额外的PhoneGap插件,你想在应用程序
+0

包括谢谢,尼古拉斯!对不起,为了澄清,如果文件最初是相对于服务器,则需要在本地重命名文件。否则,你是对的 - 如果文件是绝对命名的,则不需要重命名它们。 – Crashalot

+0

通过配置文件,您的意思是:https://build.phonegap.com/docs/config-xml。对? – Crashalot

+0

确实,完全正确。 任何机会我可以看到应用程序时,它完成?;) –

相关问题