前回までのエントリーでフレームワーク・クラウドのパーツを発行するまでの準備が完了しましたので、今回からいよいよパーツを使ってウェブサイトを作っていきたいと思います。
アプリケーションの一覧に登録したアプリケーションをクリックします。ここでは”テスト”です。
パーツを作成するにはチャンネルタブをクリックします。
すると、「映像ウィジェットを作成」、「チャットを作成」、「スライドを作成」 のボタンがあります！！
手始めに一番簡単そうなチャットを作成をクリックしてみました。
するとなにやらコードが出てきました。このウィジェットHTMLがチャットのコードになります。
あらかじめ、IISに簡単なウェブサイトを作っておきました。
C:\inetpub\wwwroot の中を編集したり、別のディレクトリをサイトに追加することもできますが、ここではIISのことは省略しますね。
作ったウェブサイトはこんな感じです。
ソースは以下のとおりです。（全角にしてます）
＜ｈｔｍｌ ｘｍｌｎｓ＝”ｈｔｔｐ：／／ｗｗｗ．ｗ３．ｏｒｇ／１９９９／ｘｈｔｍｌ” ｌａｎｇ＝”ｊａ”＞
＜ｈｅａｄ＞
＜ｔｉｔｌｅ＞ビデオチャットを作成してみた＜／ｔｉｔｌｅ＞
＜／ｈｅａｄ＞
＜ｂｏｄｙ＞
＜ｐ＞＜ｉｍｇ ｓｒｃ＝”ｔｏｐ＿ｂｎ１．ｊｐｇ” ／＞＜／ｐ＞
＜ｈ１＞テストサイト＜／ｈ１＞
＜ｐ＞チャットを表示してみました。＜／ｐ＞
＜ｈｒ ／＞
＜ｆｏｏｔｅｒ＞
ＳＯＢＡ Ｐｒｏｊｅｃｔ．ｉｎｃ
＜／ｆｏｏｔｅｒ＞
＜／ｂｏｄｙ＞
＜／ｈｔｍｌ＞
このチャットを表示してみましたの下に先ほど発行したフレームワーク・クラウドのチャットのウィジェットHTMLを貼り付けます。
これがエディターに貼り付けたところです。
そしてlocalhost を表示させてみると
チャットが表示されました！！凄い。
このIPアドレスで別のパソコンから繋げてみると同じように表示されてチャットする事ができます。
こんなに手軽にチャットをはめ込めるなんておどろきました。
次はビデオを追加してみたいと思います。
SOBAフレームワーククラウドでビデオチャットを作成してみた（webサーバー編）
