- Web先端技術味見部#17 （今回は「Google Cloud Endpoints」！） : ATND
- 2013/02/28( #ajimibu)Web先端技術味見部#17 （今回は「Google Cloud Endpoints」！） - Togetterまとめ
味見部は行きたい行きたいとは思ってたけど、今まで都合つかずに初参加です。今回は、Google Cloud Endpointsが題材でした。
15分くらい遅れてきたので、説明は聞いてないです。とりあえずメモったことなどを。
資料 → Hello Endpoints!
携帯を会場に置き忘れたけど、喫煙所で思い出して事なきを得ました。ご迷惑おかけしてすみません、ありがとうございました。
ハンズオン
- プロジェクト作成
<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
- クラス作成
- APIを叩く
- https://developers.google.com/apis-explorer/?base=http://localhost:8888/_ah/apiにアクセスする
- 自分で作ったものが新しく追加されている
- ローカル環境で稼働している一覧が表示される
- APIを実行することが出来る。
- コードの説明
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); });
