2

私は GWT を使用しており、返されたときに私の GWT メソッドを呼び出す JSONP リクエストを作成したいと考えています。

ただし、コールバックで呼び出す GWT メソッドを指定する方法がわかりません。誰でも助けることができますか？これが私のコード例です：

private native void fetchUserData(String accessToken) /*-{
    var callback = "com.company.example.FacebookApi::handleUser";
    var url = "https://graph.facebook.com/me?access_token="+accessToken+"&callback=" + callback;

   // use jsonp to call the graph
   var script = document.createElement('script');
    script.src = url;
    document.body.appendChild(script);

  }-*/;

  public void handleUser(Object o) {
    Window.alert("Received object with class: " + o.getClass().getName())
  }

このコードは、次の例から移植されています: SDK なしの Facebook。

あるいは、まだ使用する機会がなかったGWT JsonpRequestBuilderがあることを発見しましたが、ネイティブ コードを使用せずに誰かが例を挙げることができれば、なおさらです。

ありがとう！

4

1 に答える 1

6

これらの例のおかげで、大部分が理解できました。

Gwt + JSONP

Gwt、Jsonp を使用したクロスドメイン リクエスト

GWT でのクロスサイト参照

コメントごとの更新されたコードは次のとおりです（コールバックは指定されていません、Javascriptオーバーレイタイプを使用しています）

  private void fetchDataUsingGwt() {
    String url = "https://graph.facebook.com/me?access_token=" + accessToken;
    JsonpRequestBuilder requestBuilder = new JsonpRequestBuilder();
    requestBuilder.requestObject(url, new AsyncCallback<FbUser>() {
  @Override
  public void onFailure(Throwable caught) {
    Window.alert(caught.getMessage());
  }

  @Override
  public void onSuccess(FbUser fbUser) {
      if (fbUser.isError()) {
        StringBuilder builder = new StringBuilder();
        builder.append("Fb error: ");
        builder.append(fbUser.getError().getMessage() + ", ");
        builder.append(fbUser.getError().getCode());
        String message = builder.toString();
        Window.alert(message);
        return;
      }

      StringBuilder builder = new StringBuilder();
      builder.append("Fetched user: " + fbUser.getFirstName() + " " + fbUser.getLastName());
      builder.append(" from " + fbUser.getHometown().getName());
      builder.append(" born on " + fbUser.getBirthday());
      builder.append(" with id " + fbUser.getId() + " and email " + fbUser.getEmail());
      builder.toString();
      String details = builder.toString();
      Window.alert("Got: " + details);
  }
});

}

そして、応答は次のように JSO を使用して自動的にラップされます。

  public class FbError extends JavaScriptObject {
    protected FbError() {
    }

    public final native String getMessage() /*-{
            return this.message;
    }-*/;

    public final native String getType() /*-{
            return this.type;
    }-*/;

    public final native String getCode() /*-{
            return this.code;
    }-*/;

    public final native String getSubCode() /*-{
            return this.error_subcode;
    }-*/;

  }

  public class Hometown extends JavaScriptObject {
    protected Hometown() {
    }

    public final native String getName() /*-{
            return this.name;
    }-*/;

    public final native String getId() /*-{
            return this.id;
    }-*/;
  }

  public class ErrorableJso extends JavaScriptObject {

    public boolean isError() {
      return getError() != null;
    }

    public final native FbError getError() /*-{
            return this.error;
    }-*/;
  }

  public class FbUser extends ErrorableJso {

    // TODO: Separate call needed to retrieve profile pic

    protected FbUser() {
    }

    public final native String getFirstName() /*-{
            return this.first_name;
    }-*/;

    public final native String getLastName() /*-{
            return this.last_name;
    }-*/;

    public final native String getId() /*-{
            return this.id;
    }-*/;

    public final native String getBirthday() /*-{
            return this.birthday;
    }-*/;

    public final native String getEmail() /*-{
            return this.email;
    }-*/;

    public final native Hometown getHometown() /*-{
            return this.hometown;
    }-*/;
  }

完全を期すために、これは JSO がラップする生の JSON 応答です。継承のため、次のFbUserようなエラーが発生した場合、同じオブジェクトが使用されます。

{
   "error": {
      "message": "Error validating access token: Session has expired at unix time 1342044000. The current unix time is 1342050026.",
      "type": "OAuthException",
      "code": 190,
      "error_subcode": 463
   }
}

または予想される User オブジェクト:

{
   "id": "23232323",
   "name": "Andrew Cuga",
   "first_name": "Andrew",
   "last_name": "Cuga",
   "link": "http://www.facebook.com/TheAndy",
   "username": "TheAndy",
   "birthday": "02/20/2011",
   "hometown": {
      "id": "108530542504412",
      "name": "Newark, Delaware"
   } // ... etc
}

errorJSON 応答の フィールドとhometownフィールドは、JavaScriptObjects に簡単にラップされることに注意してください。

于 2012-07-11T21:06:25.780 に答える