Re: [html5-developers-jp:552] Re: apache+mod_pywebsocketでのwebsocketチャットサンプル

[Takashi Matsuo]

松尾といいます

# html5-dev-jp と gae-ja にクロスポストです

小松さんのサンプルを見て触発され、appengine のアプリでもなんとか websocket を使って server push
もどきができないか試してみましたのでご紹介させてください(かなりコードをパクっています)。

まずは動くサンプルがこちらにあります。
http://websocketchat.appspot.com/

解説などがこちらにあります。
http://takashi-matsuo.blogspot.com/2009/12/integrating-websockets-with-appengine.html

html5 の目玉でもある websockets (もしくは comet) は appengine
でも使いたいという声を良く聞きます。ただ、現在の appengine には 30秒制限があって、appengine のみでは comet や
websockets のような仕組みは難しいように思います。

そこで実験的に動くものを作ってみました。はっきり言ってかなり手抜きしているのでそのままプロダクションでは使えないと思いますが、これをきっかけにもっと良いものが出てくると良いなと思ってシェアしてみます。

Merry X'mas and Happy coding :-)

--
Takashi Matsuo
Kay's daddy

2009/12/24 KOMATSU Kensaku <kensaku...@gmail.com>:
> 小松です。
>
> ここでしょうか？
> ---
> If a WebSocket object is garbage collected while its connection is
> still open, the user agent must close the Web Socket connection.
> ---
> user agent(=ブラウザ）はgarbageに対してcloseしなきゃならないということは、やはりブラウザ側のマター（バグ？）と捉えています。
>
> ただ、ページを閉じるという操作は、ユーザー側からの切断処理に該当しますので、
> window.onunload = function(){ ws.close(); }
> を呼ぶのは良いDesignですよね。
>
> あと、pywebsocketのecho_wsh.pyでは"Goodbye"を送信するとコネクションクローズする仕様になっているのですが、どうもWSがクローズされないことが稀にあるんですよね。。。これも、バグなのかなぁと。
> ＃きちんと追えてないのですが
>
> 明示的に切る場合は、"Goodbye"とかを送るんじゃなく、ws.close();しなさいということなんでしょうね。
>
> 2009年12月24日17:39 Shotaro Tsubouchi <shotaro....@gmail.com>:
>> ショータローです。
>>
>> 明示的に Close しなきゃならないのって、どうやら仕様？みたいですね。
>> http://dev.w3.org/html5/websockets/#garbage-collection
>>
>> Worker スレッドでリッスンしてるかもだから、、とかなんでしょうか？
>> Web Workers がどんな感じなのか良くわかってないですが。
>>
>>
>> (09/12/24 15:09), KOMATSU Kensaku wrote:
>>> 小松です。
>>>
>>> なるほど、、、js側で明示的に ws.close(); しないとダメなんですね。
>>> ここは、結構はまってました。
>>>
>>> 2009年12月24日13:54 Shumpei Shiraishi<shumpei....@gmail.com>:
>>>> ショータローさん
>>>>
>>>> 素晴らしい！Good Job！
>>>> もうMavenから利用可能なんですね～
>>>> 楽だなあ、ほんと。
>>>>
>>>>
>>>> 2009/12/24 Shotaro Tsubouchi<shotaro....@gmail.com>:
>>>>> はじめまして。ショータローこと坪内と言います。
>>>>>
>>>>> Jetty で試してますよ。
>>>>> http://d.hatena.ne.jp/shootaroo/20091214/1260811625
>>>>>
>>>>> Jettyの実装はかなりわかりやすい気がします。
>>>>>
>>>>>
>>>>> (09/12/24 10:23), Shumpei Shiraishi wrote:
>>>>>> 白石です。
>>>>>>
>>>>>>> あと、Jettyでも、WebSocketがサポートされているようです。
>>>>>>
>>>>>> おお！素晴らしい！
>>>>>> 年末年始にトライしてみようかと思ってたネタだったのですが、先を越されました。が、ラッキー(^^)
>>>>>>
>>>>>> Jetty上で動くなら、もしかするとGoogle App Engine上でも動くかもしれません。
>>>>>> 試してみたい、けど、時間が無いなあ。
>>>>>> どなたか試したら、レポートお願いします！！
>>>>>>
>>>>>>
>>>>>>
>>>>>> 2009/12/24 KOMATSU Kensaku<kensaku...@gmail.com>:
>>>>>>> 高橋さん
>>>>>>>
>>>>>>> 小松です。
>>>>>>>
>>>>>>> 成功おめでとうございます！！インストールOS、ちゃんと書かなきゃなんなかったですね。。。激しく反省m(__)m
>>>>>>>
>>>>>>> ちなみに、CentOS5でも動作確認しています。mod_pythonの動作が？？？なところはありますが（PythonHandlerの辺り）
>>>>>>> ＃多分、pythonをデフォルトの2.4のままで使っているから？
>>>>>>>
>>>>>>> あと、Jettyでも、WebSocketがサポートされているようです。
>>>>>>> http://blogs.webtide.com/gregw/entry/jetty_websocket_server
>>>>>>> ＃小松は、javaな人ではないので試していません。。。
>>>>>>>
>>>>>>> 開発者は、IETFでbwtp
>>>>>>> http://www.ietf.org/id/draft-wilkins-hybi-bwtp-00.txt
>>>>>>> を提案されているGregさんです。なぜ、GregさんがWeb socketに対してbwtpを提案しているかは、
>>>>>>> http://blogs.webtide.com/gregw/entry/bidirectional_web_transfer_protocol_bwtp
>>>>>>> 一読の価値ありかと。
>>>>>>>
>>>>>>> -----
>>>>>>> So what's so bad about the Websocket protocol proposal? The main
>>>>>>> things I dislike are that the document is impenetrable, the protocol
>>>>>>> inflexible and it is entirely different from other IETF application
>>>>>>> protocols for no good reason. But rather than throw (more)mud, I'd
>>>>>>> rather sing the praises of the approach that I have taken:
>>>>>>> -----
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> 2009年12月24日9:39 tato<ta...@game.gr.jp>:
>>>>>>>> 小松さんこんにちは
>>>>>>>> 高橋登史朗＠ようやく成功です
>>>>>>>>
>>>>>>>>> 小松です。
>>>>>>>>
>>>>>>>>> apache + mod_pywebsocketを軽く使ってみて＆pywebsocketの中身をざっと見てみて、メモっておいたほうがよさげなところをhttp://blog.livedoor.jp/kotesaki/archives/1357005.html
>>>>>>>>> にまとめてみました。コメントとかもらえると嬉しいです。
>>>>>>>>>
>>>>>>>>> お題目としては、
>>>>>>>>> 1. requestオブジェクトのプロパティ説明
>>>>>>>>> 2. mod_pywebsocketのapiに関する説明
>>>>>>>>> 3. apache側での設定変更箇所
>>>>>>>>> defaultでpersistent-connectionが有効なままだと、close処理にdelayが発生する。
>>>>>>>>> 4. javascriptで留意した方が良い点
>>>>>>>>> keep-aliveのダミーデータ（heartbeat）を送信しないとapacheから切られてしまう（default : 5分）
>>>>>>>>> てなところです。
>>>>>>>>
>>>>>>>> おお、また、私が次に欲しいものばかり、、、ありがとうございます(^^)
>>>>>>>>
>>>>>>>> 一応、教えていただくばかりでは申し訳ないので、少しだけ私の苦労話もアップしておきます。
>>>>>>>>
>>>>>>>> 1.CentOS5 たぶんOK。
>>>>>>>> 最初、物置から集めたジャンクパーツチームで組み立てたサンドボックスマシンはCentOS5だったのですがこれは、カーネルパニック連発しながらも、
>>>>>>>> シェル上でecho_client.pyは動作してましたので、オウンゴールさえなければ、ちゃんとやれば動いたと思います。
>>>>>>>>
>>>>>>>> 2.Fedora12 失敗。
>>>>>>>> その後、Atomの廉価マザーを投入して、今度は、Fedora12を入れてみたのですが、これは、connobject.cの(b)を修正してもエ
>>>>>>>> ラーが止まらず、あっさり断念。
>>>>>>>>
>>>>>>>> 3.Ubuntu9.10 Server版　OK。
>>>>>>>> ふと、小松さんがUbuntuらしいことに気づき、再度OSチェ～ンジ。今度は、するするとエラーもなく入って、めでたくApache上でも成功し、そ
>>>>>>>> のうえ、小松さんのサンプルも気持ちよく動作してくれました(^^)v。
>>>>>>>>
>>>>>>>> 今夜サンタの仕事が終わったら、この環境からテストをはじめてみたいと思います。
>>>>>>>>
>>>>>>>>
>>>>>>>>> w3c, ietf共に仕様書をななめ読みしかしていないため、勘違いしているところも多いかも。。。真面目に読んでみます。
>>>>>>>>> ＃pywebsocketの上で動く BWTP もどきを作ってみるのも
>>>>>>>>> ＃楽しいかも。
>>>>>>>>> ＃最初に\00・・・
>>>>>>>>>
>>>>>>>>> 2009年12月22日11:54 Fumitoshi Ukai (鵜飼文敏)<u...@chromium.org>:
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>>> 2009/12/22 Shumpei Shiraishi<shumpei.shirai...@gmail.com>
>>>>>>>>>
>>>>>>>>>>> ちなみに、WebSocketってクロスオリジンポリシー関係ないってこないだ初めて知りました（てっきり無理なものだと・・思い込みって怖いですね(^^;）
>>>>>>>>>
>>>>>>>>>> 関係ないということはありませんよ。Origin/WebSocket-Origin ヘッダでネゴシエーションしてます。
>>>>>>>>>
>>>>>>>>>>> a.comのWebアプリ、b.comとWebSocket通信できるのですよね。
>>>>>>>>>
>>>>>>>>>> b.comのWebSocketサーバーが a.comのWebアプリをoriginと認めていれば 、です。
>>>>>>>>>> pywebsocketでは echo backしているのでどこからでも繋ぐことができますが、
>>>>>>>>>> security的にはサーバー側はちゃんと許容できるoriginを指定しておいたほうがよいです。
>>>>>>>>>> (と The Web Socket Protocol、Security Considerationにも書かれています)
>>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>> ukai
>>>>>>>>>
>>>>>>>>>>> そこら辺にもちょっと面白くなりそうな可能性を感じている今日この頃です。
>>>>>>>>>
>>>>>>>>>>> 2009/12/22 KOMATSU Kensaku<kensaku.koma...@gmail.com>:
>>>>>>>>>>>> 小松です。
>>>>>>>>>
>>>>>>>>>>>> 先日のWebkit/HTML5勉強会#1での白石さんのchat sample with
>>>>>>>>>
>>>>>>>>>>>> websocketsに触発されて、apache+mod_pywebsocket（apache組み込みのwebsocketモジュール）でのLiteなチャ ットサンプルを作って見ました（白石さん、いろいろご教授頂きありがとうございます）。ソースのみの公開でちょっと不親切なのですが、僕のブログに
>>>>>>>>>>>> svn checkout 始め、簡単な解説込みで書いておきました。興味のある方は参考にして見てください。
>>>>>>>>>>>> http://blog.livedoor.jp/kotesaki/archives/1355651.html
>>>>>>>>>
>>>>>>>>>>>> standaloneでのサーバー起動とは異なり、apacheにモジュールとして組み込む場合は、各ブラウザから受信したメッセージを同期する仕組みが必要に なります。本格的にやるのであれば、きちんとしたサーバープロセスを書く必要がありますが、今回はサンプルということで、fileベース
>>>>>>>>>>>> + tail という非常に簡単なケースでコーディングしています（初めてのpythonコーディング・・・）。
>>>>>>>>>
>>>>>>>>>>>> P.S. mod_pywebsocketのapacheへの組み込み方を簡単にメモ書きしたエントリも書いてあります。
>>>>>>>>>
>>>>>>>>
>>>>>>>>>> --
>>>>>>>>>
>>>>>>>>>> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
>>>>>>>>>> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
>>>>>>>>>> このグループから退会するには、html5-developer...@googlegroups.com
>>>>>>>>>> にメールを送信してください。
>>>>>>>>>> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja
>>>>>>>>>> からこのグループにアクセスしてください。
>>>>>>>>
>>>>>>>> --
>>>>>>>>
>>>>>>>> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
>>>>>>>> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
>>>>>>>> このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
>>>>>>>> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。
>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>>
>>>>>>> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
>>>>>>> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
>>>>>>> このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
>>>>>>> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。
>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>
>>>>>> --
>>>>>>
>>>>>> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
>>>>>> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
>>>>>> このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
>>>>>> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。
>>>>>>
>>>>>>
>>>>>
>>>>> --
>>>>>
>>>>> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
>>>>> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
>>>>> このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
>>>>> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。
>>>>>
>>>>>
>>>>>
>>>>
>>>> --
>>>>
>>>> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
>>>> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
>>>> このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
>>>> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。
>>>>
>>>>
>>>>
>>>
>>> --
>>>
>>> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
>>> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
>>> このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
>>> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。
>>>
>>>
>>
>> --
>>
>> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
>> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
>> このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
>> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。
>>
>>
>>
>
> --
>
> このメールは Google グループのグループ「html5-developers-jp」の登録者に送られています。
> このグループに投稿するには、html5-dev...@googlegroups.com にメールを送信してください。
> このグループから退会するには、html5-developer...@googlegroups.com にメールを送信してください。
> 詳細については、http://groups.google.com/group/html5-developers-jp?hl=ja からこのグループにアクセスしてください。
>
>
>