とにかくすぐ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

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.