uol chat

プロジェクト UOL チャット

実装されたプロジェクトは、UOL Chat からインスピレーションを得たリアルタイム チャットです。これにより、ユーザーはチャット ルームに入り、メッセージを送受信したり、ルーム内で交換された以前のメッセージを表示したりすることができます。これは純粋な JavaScript テクノロジに基づいており、JavaScript にコンパイルするライブラリやその他の言語は使用しません。さらに、Chat UOL API を使用してユーザーの接続を維持し、いくつかの機能を実装します。

プロジェクトの動作をテストするには、次のリンクにアクセスしてください: https://projeto5-batepapouol-navy.vercel.app/

について

このプロジェクトは、純粋な JavaScript スキルを開発し、リアルタイム チャットの開発を検討する必要性によって動機づけられました。このプロジェクトは次の機能を実装します。

• ルームエントリー: ユーザーがページにアクセスすると、名前の入力を求められ、その名前がユーザーを登録するためにサーバーに送信されます。サーバーが正常に応答すると、ユーザーはルームに参加できます。そうでない場合は、別の名前を選択する必要があります。
• メッセージの送信: ユーザーはチャット ルームにメッセージを送信できます。サーバーが正常に応答すると、チャット ルームのメッセージが更新され、新しいメッセージが表示されます。
• メッセージ ビュー: チャットには、チャット ルームからの過去のメッセージと新しく送信されたメッセージが表示されます。メッセージには、通常のメッセージ、予約メッセージ、ステータス メッセージ (「参加」または「退室」など) の 3 種類があります。各メッセージの種類には異なる背景があり、予約されたメッセージは送信者または受信者がユーザーと同じ場合にのみ表示されます。
• 自動更新: チャット ルームは 3 秒ごとに更新され、ユーザーは最新のメッセージを常に最新の状態に保つことができます。
• 接続の維持: サーバーは、ユーザーがまだオンラインであることを認識している必要があります。このため、システムは 5 秒ごとに POST リクエストを Chat UOL API に送信し、ユーザーがアクティブであることを通知する必要があります。
• メッセージ検索: ユーザーはチャット ルーム内の以前のメッセージを検索できます。

テクノロジー

• JavaScript
• UOLチャットAPI

プロジェクトの実行方法

1. リポジトリのクローンをローカル マシンに作成します。
2. Webブラウザでindex.htmlファイルを開きます。
3. 名前を入力して「ルームに参加」をクリックしてください。
4. チャット ルームでメッセージを送受信します。

貢献方法

貢献はいつでも大歓迎です!バグを見つけた場合、または新機能についての提案がある場合は、お気軽にイシューまたはプル リクエストを開いてください。

---

モバイルレイアウト