とにかくすぐsocket.ioを使ってみたい

はてなブックマーク - とにかくすぐsocket.ioを使ってみたい
LINEで送る
Pocket

https://socket.io/

「socket.io 何ができるかがだいたいわかった。とにかくすぐsocket.ioを使ってみたい」人に

この記事を書きました!

なるべく簡単に構成するように心がけています。

前提

  • js, htmlなどの知識がある
  • node.jsがすでにインストールしている
  • プログラミングの基本は理解できる

フォルダの構成

作るのは、app.jsとindex.html

最初は、任意のフォルダを作ってください。

プログラムを用意する

次にそのフォルダに入って

このコマンドが、node_modulesフォルダを作ってくれます。

必要なライブラリーもこのフォルダに入っています。

package-lock.jsonも一緒に作ってくれます。このファイルは今特に気にしなくて良いです。

次に

app.jsファイルを用意します。ファイルの中身は下

記となります。

続いて、index.htmlファイルを用意します。ファイルの中身は下記となります。

プログラム起動する

このフォルダのrootで下記のコマンドを実行します。

そうしましたら、ブラウザを開いて、http://localhost:3000にアクセスしてみます!

下の画面が出てくるはずです。

チャット機能をテストするので、二つのブラウザーを開いて、動作確認をしましょう!

片方のメッセージ欄にメッセージを入れて、エンターキーを押すと、両方の画面に

同じメッセージが表示されることが確認できます!

大成功!

まとめ

いかがでしょうか!

簡単にsocket.ioを使って、速攻でチャットアプリを作りました!笑。

これをベースにして、色々テストしたり、遊んだりするのが楽しいですよね。

世界一簡単なsocket.ioを試す方法でした!笑。

 

はてなブックマーク - とにかくすぐsocket.ioを使ってみたい
LINEで送る
Pocket

Add a Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close