Vaadin JavaScript API Integration

Question

我正在寻找任何类型的帮助，通用或特定的任何类型的帮助，生产vaadin 客户端 java java java实现了客户库库的braintree付款API。<<<<<<<<<<<<<<<<<</p>

我可以执行Braintree协议的所有服务器端Java要求，并且在一个内联JavaScript代码之间进行RPC，但它无法使用Braintree .JSAPI。

client端代码（所有这些都在此处汇总）建议使用我打开的"托管字段"以及其drop-in-in UI。一切都会发生。

hostedFieldsInstance.tokenize(function (tokenizeErr, payload) {
    if (tokenizeErr) {
      // Handle error in Hosted Fields tokenization
      return;
    }
    // Put `payload.nonce` into the `payment-method-nonce` input, and then
    // submit the form. Alternatively, you could send the nonce to your server
    // with AJAX.
    document.querySelector('input[name="payment-method-nonce"]').value = payload.nonce;

也应该可以直接将信用卡信息传达给我，这对我来说是最关键的一步。这应该是整合瓦丁的一个不同的过程，也许有人更好地知道？

我将如何处理这样的事情？

Answer 1

最简单，最快的方法可能是使用AbstractJavaScriptComponent或Abstractjavasciptextension。这些是可亚类，并提供了一种将JS代码链接到可以操纵服务器端的组件的简便方法。AbstractJavaScriptComponent可能是两者中最好的，因为它们为您提供了DIV元素，您可以通过JS完全控制，而无需Vaadin触摸它。这很容易IMO，因为您可以避免使用GWT并使用其中的连接器类。

这里有一些链接可以让您开始

https://vaadin.com/blog/-/blogs/vaadin-7-loves-javascript-components

https://vaadin.com/wiki/-/wiki/main/main/integrating a javascript library AS AS AN Extension