2

已经有几个关于二进制数据和 GWT 的问题。阅读它们后,我仍然不确定以下是否可能(尽管我是一个完整的 GWT 初学者!):

我有一些非常复杂的数据文件,它们只以二进制形式存在,我无法将它们转换为 XML 或 JSON 之类的东西。我有一个封闭的源代码库,尽管它接受一个 byte[] 并返回一个我可以使用的 Java 对象。为了让我的 GWT 应用程序运行,我“打印”出其中一个二进制数据文件,并将生成的 byte[] 硬编码到我从 GWT 应用程序代码访问的 .java 文件中。一切正常。显然这只是一个测试,在部署的应用程序中我无法对这些数据文件进行硬编码。我想将它们放在我的 GWT 应用程序所在的目录中,并用我的 GWT 应用程序“加载”它们。

我认为我可以使用 GWT 从我的服务器“加载”文本文件,对吧?为什么我不能用 GWT 读取二进制数据?或者我可以将二进制数据文件作为文本读取,将字符串读取为字节 []?我读了很多关于 base64 编码的内容,并且 GWT 可以阅读它,尽管我并不真正理解他们在说什么。我可以将我的服务器配置为以 base64 编码的形式提供这些二进制数据文件,然后使用 GWT 读取它们吗?

还是有其他解决方案?如果我能提供帮助,我不想碰任何 JS 代码。这就是我开始使用 GWT 的原因;)

谢谢你的帮助 :)

4

4 回答 4

5

假设我们使用的是 HTML 4。

GWT 客户端无法“读取”文件。GWT 客户端是在浏览器上运行的 javascript。浏览器安全不允许您读取本地文件。您必须让 servlet 代理读取服务器上的文件。

您设置文件的 mime 类型是因为您希望浏览器下载文件并调用本地 PC 来调用适当的软件 - 例如,pdf 来调用 pdf 阅读器或 xls 来调用 ms excel。与 GWT Java 或 Javascript 无关(启用下载除外)。

为什么需要 GWT 客户端来读取二进制文件?如果你这样做了,你的架构可能是错误的。“错”是个不客气的词。也许,错位是一个更好的词。您对 AJAX 瘦客户端-服务器的概念是错位的。一进GWT的大门,就把你的桌面处理理念和习惯丢在门口。

GWT 是 Java 但不是 Java

我一直不得不提醒人们,GWT Java 只是 Javascript 的一种更连贯的表示。当您使用 GWT Java 进行编码时,请始终记住您实际上是在使用 Javascript 而不是 Java 进行编码。所有 Java 源代码都被翻译成 Javascript

因此,GWT 编译器需要在源代码中提供所有 Java 类。GWT 编译器无法将 Java 字节码 jar/类文件翻译成 Javascript。如果您的库在字节码中,或者您的源库在调用链的任何位置调用字节码库,则编译将失败。

服务器端和客户端 GWT 之间的混淆

GWT RPC 有时会让 GWT 新手感到困惑。他们似乎没有意识到远程 servlet 是唯一被编译成字节码的部分,因为它是在服务器上运行的。特别是如果您使用的是 Vaadin - 因为他们故意模糊了服务器和浏览器之间的界限。所以 GWT 新手开始想,“为什么我的字节码库只在应用程序的某些部分工作?”

ajax 客户端服务器架构

GWT 只是一个支持 Web 的 UI。为什么你不能在服务器上做任何你想做的事情,让服务器反映它正在做什么或已经对 UI 做了什么?为什么一定要在浏览器上完成?

想象一下您的 GWT 接口是一个增强的 JSP。假设您正在编写一个 JSP。您是否让您的 JSP 将您的二进制数据吸入浏览器并让 JSP 生成 Javascript 以分析那里的二进制数据?

我编写了复杂的统计分析,我只是将浏览器用作服务器上正在执行的操作的反映。工程师认为他/她正在他/她的 PC 上运行分析。生成图表/报告。但这一切都是通过调用SAS在服务器上完成的。

面向服务的模式/架构

您的服务器将提供服务。您的浏览器 GWT 客户端将请求这些服务。打开文件,读取文件,分析文件,生成分析的可视化/mime 表示并将其传递给浏览器。只需将 GWT 浏览器客户端视为基于服务器的操作的显示监视器。GWT 是一个魔术师的把戏,可以帮助我变出幻觉,让工程师感觉他们正在本地 PC 上执行分析。当然,作为工程师,他们中的大多数人都知道浏览器实际上并没有在做这项工作。

当您的用户对分析感到满意时,让您的服务生成结果的 mime 表示,以便浏览器可以下载它以调用 mime 映射的适当本地 PC 软件。

在服务器上执行并将其反映在浏览器上。

进一步编辑:关于二进制数据......

在 Web 应用程序中使用 base64 编码背后的动机:身份验证令牌、图片、音频文件的传输——这样它们的二进制表示和排序就不会被字节序等架构细微差别弄乱。

例如,不要尝试编写浏览器应用程序来读取原始二进制电子表格 - 始终让服务器将其转换为 XML 或 JSON(最好是 JSON),其中任何二进制元素都应进行 base64 编码,然后再将其发送到浏览器应用程序。或者,如果您的人生目标是攀登珠穆朗玛峰,请发明一种与架构无关的编码来代替 base64 来传输二进制数据。

如果用于浏览器的操作系统处理(如音频、图片、pdf),则仅使用二进制信息。发送仅由 javascript 例程处理的二进制数据毫无意义。javascript 例程将不得不使用无关的处理时间来翻译它(除非再一次,如果你的生活目标是攀登......)。

于 2012-06-19T07:35:31.733 回答
4

客户端:

@Override
public void onModuleLoad()
{
    RequestBuilder rb = new RequestBuilder(RequestBuilder.GET, "/test");
    try
    {
        rb.sendRequest(null, new RequestCallback()
        {
            @Override
            public void onResponseReceived( Request request, Response response )
            {
                String encoded = response.getText();
                byte[] data = decode(encoded);
                System.out.println(Arrays.toString(data));
            }

            @Override
            public void onError( Request request, Throwable exception )
            {
            }
        });
    }
    catch( RequestException e )
    {
        e.printStackTrace();
    }
}

private final static String base64chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";

public static byte[] decode( String s )
{

    // remove/ignore any characters not in the base64 characters list
    // or the pad character -- particularly newlines
    s = s.replaceAll("[^" + base64chars + "=]", "");

    // replace any incoming padding with a zero pad (the 'A' character is
    // zero)
    String p = (s.charAt(s.length() - 1) == '=' ? (s.charAt(s.length() - 2) == '=' ? "AA" : "A") : "");
    s = s.substring(0, s.length() - p.length()) + p;
    int resLength = (int) Math.ceil(((s.length()) / 4f) * 3f);
    byte[] bufIn = new byte[resLength];
    int bufIn_i = 0;

    // increment over the length of this encrypted string, four characters
    // at a time
    for( int c = 0; c < s.length(); c += 4 )
    {

        // each of these four characters represents a 6-bit index in the
        // base64 characters list which, when concatenated, will give the
        // 24-bit number for the original 3 characters
        int n = (base64chars.indexOf(s.charAt(c)) << 18) + (base64chars.indexOf(s.charAt(c + 1)) << 12)
                + (base64chars.indexOf(s.charAt(c + 2)) << 6) + base64chars.indexOf(s.charAt(c + 3));

        // split the 24-bit number into the original three 8-bit (ASCII)
        // characters
        char c1 = (char) ((n >>> 16) & 0xFF);
        char c2 = (char) ((n >>> 8) & 0xFF);
        char c3 = (char) (n & 0xFF);

        bufIn[bufIn_i++] = (byte) c1;
        bufIn[bufIn_i++] = (byte) c2;
        bufIn[bufIn_i++] = (byte) c3;
    }

    byte[] out = new byte[bufIn.length - p.length()];
    System.arraycopy(bufIn, 0, out, 0, out.length);
    return out;
}

服务器端(Java):

@Override
public void doGet( HttpServletRequest request, HttpServletResponse response ) throws ServletException, IOException
{
    byte[] binaryData = new byte[1000];
    for( int i = 0; i < 1000; i++ )
        binaryData[i] = (byte) (Byte.MIN_VALUE + (i % (Math.pow(2, Byte.SIZE))));
    System.out.println("Sending: " + Arrays.toString(binaryData));

    byte[] base64Encoded = org.apache.commons.codec.binary.Base64.encodeBase64(binaryData);

    response.setContentType("application/octet-stream");
    PrintWriter out = response.getWriter();
    out.write(new String(base64Encoded));
}
于 2012-06-16T01:40:29.663 回答
4

对的,这是可能的。

两种解决方案取决于数据类型。

  1. 动态的(如果二进制数据是动态的并且可能会改变):
    只需 Base64 在后端对二进制数据进行编码并提供服务(即 GET 请求)。然后,您可以使用任何 GWT 的通信协议(请参阅此处了解更多详细信息)从后端检索数据。
    然后,您必须对数据进行 base64 解码并使用它(因为您已经解决了它)。

  2. 静态(如果二进制数据不会改变并且在编译期间已知):
    您可以使用ClientBundle(即:DataResource)在编译期间生成这些二进制文件,然后可以在客户端自动检索它们而无需手动设置转移它们。

于 2012-06-15T13:38:13.220 回答
1

这是一个解决方案,可让您轻松地从任何 URL 读取字节:

        XMLHttpRequest request = XMLHttpRequest.create();
        request.open("GET", "http://127.0.0.1:8888/sample/index.bin");
        request.setResponseType(ResponseType.ArrayBuffer);
        request.setOnReadyStateChange(new ReadyStateChangeHandler() {

            @Override
            public void onReadyStateChange(XMLHttpRequest xhr) {
                if (xhr.getReadyState() == XMLHttpRequest.DONE) {
                    if (xhr.getStatus() == 200) {
                        ArrayBuffer buffer = xhr.getResponseArrayBuffer();
                        Uint8Array array = TypedArrays.createUint8Array(buffer);
                        System.out.println("got " + array.length() + " bytes: ");
                        for (int i = 0; i < array.length(); i++) {
                            System.out.println(array.get(i));
                        }
                    } else {
                        System.out.println("response status: " + xhr.getStatus() + " " + xhr.getStatusText());
                    }
                }
            }
        });
        request.send();
于 2015-04-16T22:22:14.257 回答