Web先端技術味見部#17 （今回は「Google Cloud Endpoints」！） #ajimibu に行って来ました

• Web先端技術味見部#17 （今回は「Google Cloud Endpoints」！） : ATND
• 2013/02/28( #ajimibu)Web先端技術味見部#17 （今回は「Google Cloud Endpoints」！） - Togetterまとめ

味見部は行きたい行きたいとは思ってたけど、今まで都合つかずに初参加です。今回は、Google Cloud Endpointsが題材でした。
15分くらい遅れてきたので、説明は聞いてないです。とりあえずメモったことなどを。
資料 → Hello Endpoints!
携帯を会場に置き忘れたけど、喫煙所で思い出して事なきを得ました。ご迷惑おかけしてすみません、ありがとうございました。

ハンズオン

• プロジェクト作成
  • Eclipseをたちあげて、プロジェクトを作る
  • 新規プロジェクトのGoogleカテゴリの中でWebApplicationProjectを選択
  • プロジェクト名、パッケージを入れる
  • GWTはいらない。
  • 1.7.5（以上）を選択
  • Javaは1.6くらいにしておくのが無難かもしれません。まだ1.7は出たばかりなので。
  • web.xmlを確認する

 <servlet-mapping>
  <servlet-name>SystemServiceServlet</servlet-name>
  <url-pattern>/_ah/spi/*</url-pattern>
 </servlet-mapping>

• • • これがあることを確認しましょう
    • 古いものだと入っていません
    • 以前のプロジェクトも1.7.5にしてから、web.xmlに書き加えればOK
• ローカル環境が動くことを確認
  • Webアプリケーションを右クリックして、Debug AS から、Webアプリケーションを選択
  • http://localhost:8888/ にアクセスして画面が表示されればOK
• クラス作成
  • 新規のクラスを作成します。
  • DTOクラスと、APIのクラス
    • vierjp / ajimi17 / source / EndPointsServerSample / src / jp / vier / sample / endpoints / endpoint / v2 — BitbucketをコピペすればとりあえずはOK
    • サーバを再起動する
• APIを叩く
  • https://developers.google.com/apis-explorer/?base=http://localhost:8888/_ah/apiにアクセスする
  • 自分で作ったものが新しく追加されている
  • ローカル環境で稼働している一覧が表示される
  • APIを実行することが出来る。
• コードの説明
  • アノテーションでNullableとすると非必須になる
  • ロジックは、DatastoreServiceを使う普通のものです
  • プログラム上では、JSON形式を意識しなくて良いです
  • クロスオリジンリソースシェアリングをしているんじゃないかな？

Angular.js + Endpoints

• @kazunori_279 さん
  • https://gcp-test2.appspot.com/
  • Angular.jsとEndpointsを組み合わせました

その他

後半は質問タイムになっていたのですが、コード書くのに一生懸命で半分くらい聞いてませんでした。
実際にローカル環境で動作させようとがんばて見ましたが、動きませんでした。
なぜでしょう・・・。
JavaScriptエラーです。gapi.clientがundefinedとなってしましました。
と思ってブログ書きながら色々試してみたら動くようになりました。初期化処理がうまくいってなかったようです。

• ダメなコード

$(function() {
    gapi.client.load('testEndpoint', 'v2', function() {
        // 処理
    }, ROOT);
});

jQueryのdocument.readyで良いと思ってましたが、ダメなようです。

• OKなコード

window.onload = function() {
    gapi.client.load('testEndpoint', 'v2', function() {
        // 処理
    }, ROOT);
}

• jQueryを使いたい場合のOKなコード

$(window).on('load', function() {
    gapi.client.load('testEndpoint', 'v2', function() {
        // 処理
    }, ROOT);
});