Question

我昨天开始学习节俭。

经过大量的努力，我成功地执行了Java教程。 Java服务器和客户端运行良好。

但是现在，我想要一个javascript客户端与Java Thrift服务器进行通信。

为此，我移动了js/文件夹中的所有js文件。

并粘贴index.html代码，如下所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Thrift Javascript Bindings - Tutorial Example</title>

  <script src="js/thrift.js"  type="text/javascript"></script>
  <script src="js/tutorial_types.js"    type="text/javascript"></script>
  <script src="js/shared_types.js"      type="text/javascript"></script>
  <script src="js/SharedService.js"     type="text/javascript"></script>
  <script src="js/Calculator.js"        type="text/javascript"></script>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


  <script type="text/javascript" charset="utf-8">
  //<![CDATA[
  $(document).ready(function(){
    // remove pseudo child required for valid xhtml strict
    $("#op").children().remove();
    // add operations to it's dropdown menu
    $.each(Operation, function(key, value) {
      $('#op').append($("<option></option>").attr("value",value).text(key)); 
    });

     $('table.calculator').attr('width', 500);
  });

  function calc() {
    var transport = new Thrift.Transport("http://localhost:9090");
    var protocol  = new Thrift.Protocol(transport);
    var client    = new CalculatorClient(protocol);

    var work = new Work()
    work.num1 = $("#num1").val();
    work.num2 = $("#num2").val();
    work.op = $("#op").val();

    try {
      result = client.calculate(1, work);
      $('#result').val(result);
      $('#result').css('color', 'black');
    } catch(ouch){
      $('#result').val(ouch.why);
      $('#result').css('color', 'red');
    }
  }

  function auto_calc() {
    if ($('#autoupdate:checked').val() !== undefined) {
      calc();
    }
  }
  //]]>
  </script>

</head>
<body>
  <h2>Thrift Javascript Bindings</h2>
  <form action="">
  <table class="calculator">
    <tr>
      <td>num1</td>
      <td><input type="text" id="num1" value="20" onkeyup="javascript:auto_calc();"/></td>
    </tr>
    <tr>
      <td>Operation</td>
      <td><select id="op" size="1" onchange="javascript:auto_calc();"><option></option></select></td>
    </tr>
    <tr>
      <td>num2</td>
      <td><input type="text" id="num2" value="5" onkeyup="javascript:auto_calc();"/></td></tr>
    <tr>
      <td>result</td>
      <td><input type="text" id="result" value=""/></td></tr>
    <tr>
      <td><input type="checkbox" id="autoupdate" checked="checked"/>autoupdate</td>
      <td><input type="button" id="calculate" value="calculate" onclick="javascript:calc();"/></td>
    </tr>
  </table>
  </form>

  <p>This Java Script example uses <a href="https://git-wip-us.apache.org/repos/asf?p=thrift.git;a=blob;f=tutorial/tutorial.thrift;hb=HEAD">tutorial.thrift</a> and a Thrift server using JSON protocol and HTTP transport.
  </p>
    <p>
        <a href="http://validator.w3.org/check/referer"><img
            src="http://www.w3.org/Icons/valid-xhtml10"
            alt="Valid XHTML 1.0!" height="31" width="88" /></a>
    </p>
</body>
</html>

我换了行

var transport = new Thrift.Transport("/thrift/service/tutorial/");

与

var transport = new Thrift.Transport("http://localhost:9090");

因为，我的服务器在端口9090上。而且/thrift/service/tutorial对我来说没有任何意义，它既不起作用。

然后，当我打开我的页面时。

Java thrift服务器崩溃并出现以下错误：

Exception in thread "main" java.lang.OutOfMemoryError: Java heap space
    at org.apache.thrift.protocol.TBinaryProtocol.readStringBody(TBinaryProtocol.java:339)
    at org.apache.thrift.protocol.TBinaryProtocol.readMessageBegin(TBinaryProtocol.java:202)
    at org.apache.thrift.TBaseProcessor.process(TBaseProcessor.java:27)
    at org.apache.thrift.server.TSimpleServer.serve(TSimpleServer.java:83)
    at thrift.server.CalculatorServer.main(CalculatorServer.java:23)

这是CalculatorServer java类。

package thrift.server;

import org.apache.thrift.server.TServer;
import org.apache.thrift.server.TServer.Args;
import org.apache.thrift.server.TSimpleServer;
import org.apache.thrift.transport.TServerSocket;
import org.apache.thrift.transport.TServerTransport;
import org.apache.thrift.transport.TTransportException;

import tutorial.Calculator;

public class CalculatorServer {

    public static void main(String[] args) {
        CalculatorHandler handler = new CalculatorHandler();
        Calculator.Processor<CalculatorHandler> processor = new Calculator.Processor<>(handler);        

        try {
            TServerTransport serverTransport = new TServerSocket(9090);
            TServer server = new TSimpleServer(new Args(serverTransport).processor(processor));

            System.out.println("Starting the simple server...");
            server.serve();
        } catch (TTransportException e) {
            e.printStackTrace();
        }
    }

}

其余代码用于Thrift教程。事实上，Java Thrift服务器与Java Thrift客户端完美配合。我认为Java Server端没有任何问题。

任何人都能说出出了什么问题吗？

Javascript客户端有其他选择吗？

我正在使用thrift在我的Java SE应用程序和本地计算机上的网站之间进行通信。所以，我可以使用HTML + CSS + JS开发我的GUI，而不是使用Java Swing。

Answer 1

我一直在寻找一种在聚合物javascript中使用thrift的简单方法。最后，这是我用三天时间分析其他解决方案之后的解决方案。他们在哪里工作，但他们都需要从我的http://localhost:8088/view.html请求中读取view.html本地位置文件。我发现这很昂贵，因为我同时使用谷歌应用程序引擎和计算引擎。我无法在app引擎上找到本地目录，所以这就是做了什么。

写你的java服务器like this。

像这样写你的聚合物元素

<dom-module id="thrift-client">
<template>
</template>
<script>
    Polymer({
        is:'thrift-client',
        ready:function(){
            var transport = new Thrift.TXHRTransport("http://localhost:8088/service");

            var protocol  = new Thrift.TJSONProtocol(transport);

            var client = new NtvApiClient(protocol);

            var result = client.ping(); // ping the java server. custom

            console.log(result);
        }

        });
</script>

请注意，http://localhost可以更改为http://Your_server_ip_address。
请确保java服务器的检查点名称为 service
bravo，我们现在只需从javascript Web客户端访问java服务器，而无需提供任何文件路径。

请注意，有了这个，你可以在普通的js中轻松使用。像这样

                var transport = new Thrift.TXHRTransport("http://localhost:8088/service");
                var protocol  = new Thrift.TJSONProtocol(transport);
                var client = new NtvApiClient(protocol);
                var result = client.ping();

干杯。

Answer 2

默认'TTransport'不是基于http协议的服务器。如果你想使用http作为通信协议，这似乎是客户端js的唯一方法，你应该使用基于http的'TTransport'。看看'org.apache.thrift.server.TServlet'，这是在servlet中构建基于http的thrift服务器的简单方法。

您还应该在服务器端使用'TJSONProtocol'而不是'TBinaryProtocol'，因为thrift js无法很好地处理二进制数据。这是我以前用过的代码片段。

public class CalculatorServlet extends TServlet 
{
   public CalculatorServlet() 
   {
      //'Calculator' is the generated class from thrift, 
      //'CalculatorHandler' is the implement class for thrift rpc
      super(new Calculator.Processor(
            new CalculatorHandler()),
            new TJSONProtocol.Factory());
  }
}

Answer 3

IIRC，JavaScript仅支持JSON协议。这（当然）与二进制不兼容。

因此，解决方案是：使用JSON协议而不是服务器中的二进制协议。

Thrift的一个好的经验法则是，始终在两端使用相同的传输/协议栈。在这个特殊情况下，这意味着：

HTTP服务器
JSON协议
没有额外内容，如framed协议（缓冲可行，顺便说一句）

（有一些例外，因为某些服务器类型本质上需要框架，但这是另一个故事并且与您的问题无关）

使用Javascript客户端的Thrift Java服务器OutOfMemoryError

3 个答案: