gpt4 book ai didi

android - 将网络应用程序移植到Phonegap的路径问题

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:12:37 25 4
gpt4 key购买 nike

我认为这是现有网络应用程序的相当标准的设置,并希望提出有关如何最好地使其适合通过PhoneGap创建 native 版本的建议,以使我们可以继续开发网络应用程序并更新phonegap可以从中生成版本,而无需进行过多的工作。

我是PhoneGap的新手。我四处搜索并尝试了StackOverflow等的各种建议,但没有运气,至少对于我的设置而言。

该应用程序是在GWT中开发的,包括:

所有应用程序的共享文件夹中的静态资源

/static/,带有图片,字体,css。
CSS定义了一些字体系列,并引用了/fonts中的字体文件。

我们使用绝对值从html文件和JavaScript代码中引用这些静态资源
路径。

多个子文件夹中的静态资源(通过GWT模块FYI)

例如/LoginGadget,它将使用GWT生成的html,Javascript以及有时带有css和css-images的子文件夹。

GWT RPC

这些基本上是servlet,其中GWT负责序列化等工作,并且可以通过XHR从我们的客户端代码访问其后台

PhoneGap构建

我已经开始考虑使用PhoneGap创建一个打包的应用程序,并遇到一些需要我提供建议的问题(Android示例)。

我已经创建了/assets/www并将一个index.html文件放在那里,然后执行了。
我复制了“/root”文件夹下的/static/文件夹和/LoginGadget文件夹的版本,然后使用

super.loadUrl("file:///android_asset/www/index.html");

哪个有效。

在所有GWT生成的html和Javascript文件中,我们都使用绝对路径(例如“/static/....”)和相对路径(例如来自LoginGadget Javascript)引用静态资源,它可能引用“css/some.css” )。

相对路径起作用,因为它们位于引用它们的html/js所在的文件夹“下”。

问题1

但是,尽管PhoneGap首先说:
DroidGap: url=file:///android_asset/www/index.html baseUrl=file:///android_asset/www/

我希望将来自index.html的对“/static/images/file.png”的引用附加到“baseUrl”上,以提供file:///android_asset/www/static/images/file.png并因此工作,因为那是文件所在的位置。

我不得不修改index.html以使用“static/image/file.png”才能正常工作。
但是我必须使用不同的配置重新编译我们所有的GWT应用程序,以修改对资源的所有引用,并且如果将子文件夹中的其他文件的引用修改为“静态/”。

如何获得对“映射”到/assets/www或类似名称的绝对路径引用?
(请参阅下文,我已经在研究使用“基本”标签...。)

问题2

GWT RPC向从其提供html/js的服务器发出XHR请求。
这很有效,因为该应用没有使用硬编码的主机服务器名称,并且实际上已部署在许多不同的appengine appid/域中以进行测试等。

此处的html/js文件是从file:///“提供”的,因此我需要以某种方式指定服务器。

我尝试使用已记录的“base”标记进行指定,但随后我在html/js中对未指定“file://”的资源的任何引用似乎都是对“base”中指定的服务器进行的。 ....因此,我不再加载本地资源,基本上我的服务器上有一个Web应用程序。



我想做的是能够从wab-app的 war (/static和我的所有/GWT-Module文件夹)中取出(相当大的)经过编译和测试的应用,并将其复制到/assets/www在我的PhoneGap应用上,然后添加一些样板代码或启动代码,然后按原样运行。

听起来像是一个很大的要求,但我认为是否可以正确指定两件事:
  • 文件路径,用作未指定http/https协议(protocol)(或其他协议(protocol).....我已经在DroidGap.java中处理过的其他协议(protocol))的资源请求的绝对路径的“根”文件
  • 服务器(协议(protocol),主机名,端口),用于任何XHR请求

  • 然后一切都会洗出来!

    我认为这将是一个失败的“标准”设置,并且已经涵盖了。也许是这样,我只是想念一些东西。

    注释?有什么建议吗?

    在此先感谢您的帮助。

    最佳答案

    你知道mgwt吗? http://www.m-gwt.com

    它是由GWT指导委员会成员之一构建的GWT移动框架,并且还具有针对GWT应用程序的phonegap集成。

    项目中有很多文档,并且用户组非常友好。

    让我更详细地解决您的问题:

    问题1:

    如果您使用绝对路径,则将在phonegap中获得不一致的行为,因为浏览器会在本地构建这些url,并且对/的引用表示电话上的根条目。
    在大多数情况下,使用绝对URL是一个坏主意,我建议您在应用中进行更改(就像您已经做过的那样)。

    问题2:

    要将GWT RPC与phonegap结合使用,请阅读我为解决此问题而撰写的博客文章:http://blog.daniel-kurka.de/2012/04/gwt-rpc-with-phonegap-revisited.html

    关于android - 将网络应用程序移植到Phonegap的路径问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11276802/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com