从vaadin客户端向外部服务器发出请求，并将JSON响应返回给我的服务器

Question

使用api提供的访问令牌仅适用于客户端ip，因此我试图向客户端上的该外部站点发出请求并将JSON响应返回给我的服务器。问题是如何在客户端上创建请求并存储JSON，以便我可以将其发送到服务器。

谢谢

Answer 1

看看Vaadin的

整合JavaScript组件和扩展

这里：

https://vaadin.com/docs/-/part/framework/gwt/gwt-javascript.html#gwt.javascript.rpc

您可以创建一个JavaScript连接或组件，然后可以使用，使像RPC是如此：

@JavaScript({"mycomponent-connector.js"}) 
public class MyComponent extends AbstractJavaScriptComponent { 

    public MyComponent(){ 
     // when you create the component 
     // add a function that can be called from the JavaScript 
     addFunction("returnResponse", new JavaScriptFunction() { 
      @Override 
      public void call(JsonArray arguments) { 
       String response = arguments.getString(0)); 
       // do whatever 
      } 
     }); 
    } 

    // set up a way to make the request 
    public void makeRequest(String url) { 
     callFunction("makeRequest", url); 
    } 

} 

与JavaScript文件mycomponent-connector.js（使用XMLHttpRequest为例）：

window.com_example_mypackage_MyComponent = 
function() { 
    var connector = this; 

    // add a method to the connector 
    this.makeRequest = function(theUrl){ 
     var xmlHttp = new XMLHttpRequest(); 
     xmlHttp.onreadystatechange = function() { 
      if (xmlHttp.readyState == 4 && xmlHttp.status == 200) 
       connector.returnResponse(xmlHttp.responseText); 
      } 
     }; 
     xmlHttp.open("GET", theUrl, true); // true for asynchronous 
     xmlHttp.send(null); 
    } 
}; 

调用服务器端的方法MyComponent.makeRequest("myurl")将触发makeRequest方法在客户端上。当返回响应时，我们呼叫connector.returnResponse(xmlHttp.responseText)将其发送回服务器，并由MyComponent的构造函数中添加的"returnResponse"函数处理。