!!各ページの画面
html、cssで作成。
それぞれサイドバーなどで画面を分割して作った。
!!データベース
mysqlを用いてアカウントの登録に必要なメールアドレスとパスワード、さらにユーザーのプロフィールの要素も追加したテーブルを作成し、ユーザー情報の管理を行っている。
データベースにidというカラム(要素)も作成し、AUTO_INCREMENT属性を定義することでそれぞれのユーザーに対して、一意のidを付与できる。
このWwbページではこのidを用いて、誰がログインしているのかを判断したり、他のユーザーを探し出したりしている。
!!ページ遷移
javascriptで関数を作成
ボタンを押す → 関数を呼び出す → 次のページに遷移
!!メッセージ
app.js
((br))
このプログラムは、HTTPサーバーとWebSocketサーバーの両方を提供するためのもの
((br))
全体の流れとしては
1.HTTPサーバーを作成し、静的ファイルをクライアントに提供する。
((br))
2.WebSocketを使用して、リアルタイム通信を行う。
((br))
((br))
wschat.js
((br))
このプログラムは、リアルタイムのチャット機能を提供するためのプログラム
((br))
全体の流れとしては
((br))
1.クライアントがサーバーに接続する。
((br))
2.サーバーからメッセージを受信し、それを画面に表示する。
((br))
3.クライアントがメッセージを送信すると、サーバーにそのメッセージを送る。
((br))
style.css
((br))
index.html
((br))
上記2つのプログラムは、かんたんに作成しているため省略