モバイルアプリケーション（html5/javascript）はGoogle App Engineの例と通信します

Question

バックエンドサーバー（Java）としてGAEを使用してモバイルアプリケーション（html5/javascript + PhoneGap）を構築しています。数日後にも研究はまだ全体像を得ることができませんでした。

このような構成のオープンソースの例は通信部分にありますか？主にOAuth、モバイルクライアント、ユーザーチャネルAPI、プッシュ通知などからデータを送受信します。

GAEのすべての例は、Webアプリケーション用ですが、外部モバイルクライアント用ではありません。だからこそ、それはまったく違うのです。

どこかで学んだXMLHttpRequestは、クロスドメイン通信をサポートしていないので、使用しないでください。

jQuery.ajax（）が私の要件に対応しているようですか？ここでも、オープンソースのサンプルプロジェクトが私を大いに助けることができました！

ご連絡いただければ幸いです。

ありがとうございました。

Answer 1

このような構成のオープンソースの例は通信部分にありますか？

https://github.com/blueimp/jQuery-File-Upload

や、さらにjqueryのAJAX呼び出しを調査...

function uploadPicture() { 

    // blog.w3villa.com/websites/uploading-filesimage-with-ajax-jquery-without-submitting-a-form/ 
    // 

    var form_data = new FormData();  // Creating object of FormData class 
    var file_data = photo.src; // Getting the properties of file from file field 
    // form_data.append("file", file_data); // Appending parameter named file with properties of file_field to form_data 
    // var blob = new Blob([file_data], {type: 'image/png'}); 
    // form_data.append("file", blob) 

    var dataURI = photo.src; 

    alert(dataURI); 

    form_data.append("file", dataURItoBlob(dataURI)); 

    form_data.append("field1", "stuff1");  // Adding extra parameters to form_data 
    alert(JSON.stringify(form_data)); 

    $.ajax({ 
     url: serverURL, 
     dataType: 'json', // the format of the response 
     cache: false, 
     contentType: false, // the format of data being sent to the server as part of request 
     //      shazwazza.com/post/Uploading-files-and-JSON-data-in-the-same-request-with-Angular-JS 
     //      setting the Content-type to 'false' will force the request to automatically 
     //      populate the headers properly including the boundary parameter. 
     // stackoverflow.com/questions/2845459/jquery-how-to-make-post-use-contenttype-application-json 
     // contentType:"application/json; charset=utf-8", 
     // contentType:"multipart/form-data; charset=utf-8", 
     processData: false, // do not convert outgoing data to a string 
     data: form_data,  // Setting the data attribute of ajax with file_data 
     type: 'post', 
     success: function(data) { 
       alert("success! data: " + JSON.stringify(data)); 
       } 
    });