スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

WebSocketをEC2上でうごかしてみた

HTML5のお勉強ということで、WebSocketのサンプルを作成してみた。
主に下記を参考に作成。
参考URL:
JettyでWebSocket てきろぐ
http://d.hatena.ne.jp/u1_fukui/20110804/1312458754

Jettyで始めるWebSocket超入門 gihyo.jp
http://gihyo.jp/dev/feature/01/websocket



簡単にできると思っていたもののjettyへのデプロイで結構はまったのでわすれないようにメモ。

前段:WebSocketとは
インターネットの標準化団体であるW3CとIETFがウェブサーバーとウェブブラウザとの間の通信のために規定を予定している双方向通信用の技術規格。APIはW3Cが、WebSocket プロトコルはIETFが策定に関与。TCP上で動く。サーバとクライアント間は一度でも接続が確立すると、明示的に切断しない限り通信手順を意識することなくデータのやり取りをソケット通信で実施できる(通信のたびのハンドシェイク(コネクション確立)が必要なくなる)。WebSocket通信の概要図
WebSocket接続時(=ハンドシェイク要求時)のリクエストとレスポンス・ヘッダ
(画像:http://www.atmarkit.co.jp/fdotnet/chushin/introhtml5_05/introhtml5_05_01.htmlから引用)

今回やったこと
・Jetty8インストール、サンプル(test.war)確認(ローカル、EC2上)
  特にハマることはなかった。EC2上での確認時は、remoteアクセス時はローカルアクセス違うwelcomeページが出て、websocketのサンプルは動かせなかった。(2011/12/05:jetty_home/contexts/test.d/override-web.xmlのremote属性をfalse→trueすればjetty8のwelcomeページが表示されることを確認)
ローカル確認時
jett8view.jpg
リモートアクセス時
jett8viewremote.jpg
・サンプル作成、ローカル稼働確認(クライアント、サーバサイド)
  Webアプリケーションのデプロイ方法で苦戦した。webappsにフォルダを配置すればOKやcontextsフォルダにxmlファイルを作成でうまくいくとの記事はあったが、やり方が分からずできなかった。そこで”組み込みサーバとして起動する方法”にした。maven2を利用し、pom.xmlを編集し、jarファイルを作成。それを利用し、アプリケーション実行、稼働確認が取れた。

・EC2上へのデプロイ(jarファイル作成、EC2での稼働確認)
  デプロイ自体はできたが、うまく稼働確認が取れなかった。原因はjarファイルの配置場所。maven2で作成したときのフォルダ体系と同じで依存するjarファイルを参照できるようにしておかなければならなかった。(META-INFファイルをしっかり確認することが必要)


その他参考URL:

WebSocket
http://ja.wikipedia.org/wiki/WebSocket

連載:人気順に説明する初めてのHTML5開発
双方向通信を実現! WebSocketを使いこなそう
http://www.atmarkit.co.jp/fdotnet/chushin/introhtml5_05/introhtml5_05_01.html

Jetty
http://wiki.eclipse.org/Jetty

Maven 2章 Maven 入門 techscore
http://www.techscore.com/tech/Java/ApacheJakarta/Maven/2-2/

第4章 Maven2によるビルド入門
http://www.nulab.co.jp/kousei/chapter4/05.html

Jetty6を開発に使う
http://civic.xrea.jp/dev/jetty/dev/

JettyとScalaでServlet
http://blog.ronor.org/jetty/jetty%E3%81%A8scala%E3%81%A7servlet/

2006-11-27 jettyへのWebアプリケーションのデプロイ
http://d.hatena.ne.jp/halJam/20061127

Jetty8で作るWebSocketチャット(実行編)たれろぐ
http://d.hatena.ne.jp/naga_sawa/20111018

Jetty7でWebSocket開発
http://labs.mapion.co.jp/blog/java/jetty7websocket.php

jad
Javaの逆コンパイラJadのインストールと使い方
http://networkprogramming.blog18.fc2.com/blog-entry-56.html

テーマ : ひとりごとのようなもの - ジャンル : 日記

Facebookの主要アドレス変更

自身でアドレスをかえたいという発想がなかったんですが、
実際、当初登録した主要アドレス(たとえば会社)をプライベートなものに変えたい、けどやり方がわからないという人がいるみたいなので
書き方をメモします。

ポイントは、別のメールアドレスを先に追加してから主要アドレスの変更を行うというところです。
(別のメールアドレスを追加しないと削除ボタンが出てこないので。)

1.右上の”ホーム”の右横▼を選択→アカウント設定→メールアドレスの”編集”リンクを選択
メールアドレス追加手順

2.編集画面で”別のメールを追加”リンクを選択し、メールアドレス追加
メールアドレス追加手順2-1

メールアドレス追加手順2-2

3.メールアドレス追加を確認し、主要メールアドレスを新規追加したものに変更
必要に応じて、もともと追加していた旧アドレスを削除
メールアドレス追加手順3-1

メールアドレス追加手順3-2

メールアドレス追加手順3-3

メールアドレス追加手順3-4

以上です。

2011/10/22
ググるとふつう出てきますね。こちらのほうがわかりやすい・・・・


【質問8】ログイン用のメールアドレスは変更できないの?
http://ameblo.jp/facebookhajimeyou/entry-10555179627.html

テーマ : ひとりごとのようなもの - ジャンル : 日記

無料クラウド(Windows Azure) & モバイル開発トレーニングに行ってきました1

お勉強を兼ねて、パソナテックが開催する無料クラウド(Windows Azure) & モバイル開発トレーニング ~Cloud Developer's Fieldに行ってきました。いくつか気になったことを忘れないようにメモ

クラウドアプリケーション開発体験
 ~Windows Azure入門編~
【プログラム】
  Windows Azure のポータルサイトの使用方法、 Visual Studio を使用したWindows Azure アプリケーションの開発方法、ならびにクラウド上へのアプリケーションの公開までについて演習

クラウドプラットフォーム運用管理体験
 ~Windows Azure管理・監視編~
【プログラム】
Windows Azure の管理機能 (API) を使用したアプリケーション管理やログ出力によるアプリケーション状態の監視方法について演習
  
クラウドアプリケーション開発体験
 ~クラウドデータベース(SQL Azure)入門編~
【プログラム】
クラウド DB・SQL Azure のポータルサイトの使用方法、 SQL Server Management Studio からの管理、ならびにアプリケーションからの使用方法について演習

PHP 開発者のためのクラウドアプリケーション開発体験
【プログラム】
  クラウドプラットフォームである Windows Azure Platform のアーキテクチャーや LAMP 環境との違いなどを解説。PHP によるクラウド アプリケーションの開発手法について、実際にキャンペーン サイトをクラウド上に構築する演習

Facebookアプリケーション開発体験
【プログラム】
Windows Azure 上に Facebook アプリを開発する方法を解説、演習

テーマ : ひとりごとのようなもの - ジャンル : 日記

AWS Free Usage Tier(無料利用枠)でWebサーバー(Appache)をセットアップしてみた

スマートフォン、タブレットでエミュレータだけでなく、実機の表示確認もしたいということでWEBサーバをたてることにした。
無償枠があり、手軽に使えそうということでEC2を利用。
今後も考え、やったことを忘れないようにメモ。

1.Amazon EC2インスタンスの起動(以前にアカウントは作成済み)
・AWS Management Console(http://aws.amazon.com/jp/console/)にアクセス
・”Region:”で”Asia Pacific (Tokyo)”、“Basic 64-bit Amazon Linux AMI”を選択。
・SSH接続するための鍵(key pair)を作成。
・Firewall設定はSSHとHTTPを通すよう設定(“Port (Service)”に”80 (HTTP)”を追加)。

2.インスタンスへのログイン
・puttyでログイン確認。
  --1.で作成した鍵を、PuTTY用にコンバート。
  --PuTTYを起動し、EC2インスタンスに接続(Public DNS名を「Host Names(or IP address)」に貼り付け。
「ec2-user」でログイン、パスワードはputty鍵の作成時に指定したパスワード)。

3.Appache設定
・” sudo yum install httpd”でアッパッチをイントール。
・プロセスの確認(”ps -ef | grep httpd”)をしたら、appacheは動いていなかったので、起動(”sudo httpd -k start”)。
・http://"Public DNS名"でApacheのデフォルトページを確認


4.html5ファイルの表示確認
・WinSCPをイントール。
・ファイル権限の変更 ”sudo chmod 777 /var/www/html”
(デフォルトだとhtml配下に書きこみ権限がにないため。)
・フォルダごとドラック&ドロップで転送。
・http://"Public DNS名"/"フォルダ名"/index.htmlで表示確認。

参考サイト:
AWS Free Usage Tier(無料利用枠)でAmazon EC2を利用する
http://devugger.com/2011/10/use-amazon-ec2-by-aws-free-usage-tier/

Amazon EC2のインスタンスへのPutty接続方法
http://d.hatena.ne.jp/ckreal/20110529/1306656967

*『Amazon Cloudテクニカルガイド―EC2/S3からVPCまで徹底解析、インプレスジャパン、李 昌桓著』の補足
*『CloudBB(http://cloudbb.jp)』アマゾンクラウド技術情報発信サイト
PuTTYをインストールする
http://cloudbb.jp/book1/PuTTY.htm

Linuxコマンド逆引き大全 Index
http://itpro.nikkeibp.co.jp/article/COLUMN/20060224/230579/

WinSCP
http://www.tab2.jp/~winscp/

Amazon EC2のMicro InstancesにApacheをセットアップする
http://live-cast.asia/blog/2010/10/amazon-ec2-for-setting-up-the-apache-micro-instances.html




無線親機の設定画面を表示する方法(Bufflo AirStation WZR-AGL300NH)

設定していたWEPキーを忘れてしまい調べるのに結構苦労したので忘れないようにメモ。

機種:Bufflo AirStation WZR-AGL300NH

いろいろ、”無線lan ipアドレス 調べ方”でググってみるとサイトはでるのだが、いずれも調べたい親機のIPアドレスがわからなかった。無線接続したいPCにAOSSをイントールして、接続すればよいのだがそのためだけにイントールをするのにも躊躇。いろいろ試した結果、私の場合は、「AirStation設定ツール」から調べることができた。

手順は以下を参考。

無線親機の設定画面を表示する方法【方法1】
http://www.zqwoo.jp/sak_bfqa/show_c/BUF81#4

AOSSで無線接続を行なった場合の、SSID(ESSID)と暗号化キー(WEP/TKIP/AES)を確認する方法
http://www.zqwoo.jp/sak_bfqa/show_c/BUF3692#shousai

無線親機に設定したSSIDと暗号化キーの確認方法
http://www.zqwoo.jp/sak_bfqa/show_c/BUF401

その他:参考サイト
【用語説明(ネットワーク 無線LAN)】AOSS
http://buffalo.jp/php/lqa.php?id=BUF1869

Mac OS X 10.6 でAOSSアシスタント/無線LANモニタが使用できません
http://buffalo.custhelp.com/app/answers/detail/a_id/906/~/mac-os-x-10.6-%E3%81%A7aoss%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%2F%E7%84%A1%E7%B7%9Alan%E3%83%A2%E3%83%8B%E3%82%BF%E3%81%8C%E4%BD%BF%E7%94%A8%E3%81%A7%E3%81%8D%E3%81%BE%E3%81%9B%E3%82%93

MacintoshのAirMacを使用して無線親機に無線接続をする方法
http://buffalo.custhelp.com/app/answers/detail/a_id/188/related/1#5

テーマ : ひとりごとのようなもの - ジャンル : 日記

プロフィール

ogatomi

Author:ogatomi
部署移動に伴い、SE8年目にしてホストマシーンからオープン系システムの転身。
一からの勉強しなおしの記録を出来る範囲でブログにつづりたいと思います。

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
全記事表示リンク

全ての記事を表示する

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。