Vaadin JavaScript API統合

Question

私はVaadin クライアントサイドクライアントライブラリ用のBraintree Payments APIをJavaで実装して、あらゆるタイプのヘルプを探しています。

Braintree protocolのサーバーサイドのJava要件をすべて実行できますし、インラインJavaScriptコード間でRPCを実行しても、Braintree .js APIを使用できません。

クライアントサイドのコードは、すべてhereで要約されていますが、私が開いている「ホストされているフィールド」とそのドロップイン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; 

それはまた、私は継続するための最も重要なステップであるdirectly tokenize the credit card informationことが可能であるべきです。これはVaadinに統合するための別のプロセスである必要があります。おそらく誰かがこの方法をよく知っていたでしょうか？私はこのような何かに行くかどう

？

Answer 1

AbstractJavascriptComponent またはAbstractJavasciptExtensionを使用することができる最も簡単かつ最速の方法。これらは、サブクラス化可能であり、あなたは、サーバー側を操作できるコンポーネントにJSコードをリンクするための簡単な方法を提供します。彼らはあなたがそれに触れることなく、vaadin jsファイルと完全に制御することができdiv要素を与えるためAbstractJavascriptComponentは2の最良のかもしれません。これは、GWTを回避し、コネクタクラスを使用できるので、より簡単なIMOです。ここで

は、あなたが始めるためにいくつかのリンクです

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

https://vaadin.com/wiki/-/wiki/Main/Integrating%20a%20JavaScript%20library%20as%20an%20extension