チャット(非同期通信)の作成 - イントロ -

2019/05/08

今回から何回かに分けて、非同期通信(ajax)を用いたチャットアプリを作成しようと思います。

完成品は以下になります。

上記のチャットアプリを解説しながら非同期通信について学んでいきます。

ちなみに Ajax について分からない方は以前にエントリーしたので、よかったらご参照ください。

 

処理の流れ

Webサーバからは単純にHTMLやjsだけを返す処理を行います。

メッセージの読み込みや追加に関してはAjaxのリクエストで行います。

Ajaxのリクエスト先はLaravelで記述したAPIです。

実際の処理はAPIで処理をしてjsonでクライアントにレスポンスします。

 

流れ(全4回)

全4回に分けて記事をエントリーしていく予定です。

  1. データベースの作成
  2. チャット画面の作成
  3. APIの作成(リクエスト)
  4. APIの作成(レスポンス)

 
今回はイントロまで。

以上です。

本庄マサノリ

仕事でLaravelを使っています。気づいたことや新しい発見など情報を発信していきます。メールはこちら

 

-チュートリアル, 中級