# OneTimeChat決起集会

## おしながき

### 自己紹介

### みんなのとくいなこと

#### notch_man

- C++（画像処理,OpenCV）（5年）
- KotlinでAndroidアプリ開発（2年）
- Webアプリ（1.5年）
- React
- Nuxt
- Laravel
- Rails
- バックエンド・インフラ
- Go
- Node.js
- python
- Docker,kubernetes

#### 柳田

- C++
- C言語（三項演算子！！！）
- Python => ラズパイとか
- 機械学習勉強した
- データ分析のお勉強
- Web開発
- React（Next.js,vercelは良いぞ！）
- バックエンド
- Nest.js
- Docker圧縮界隈～～！
- python(Fast API)
- Firebase

### 今回頑張りたいこと

- フロントエンドをお願いしたいです！

## OneTimeChatの概念を説明

### バックエンドの流れ

1. GETでリンク発行するAPI
2. バックエンドからinvite_idがparamになった参加用リンクが返る
3. リンクを踏むとIDの検証をします
4. 検証が成功するとwebsocketを導通する
5. 以後はここでメッセージを爆撃するとお話出来ます

### フロントのイメージ

- リンクを発行するページ
- リンクを踏んだら良い感じにジャンプするページ
- チャットルーム

### やること

notch_man：

- 仕様書（月曜日くらいまで）
- モックサーバー（来週中）

柳田さん

- ページ作ったり色々（来週中）
- ロジック（再来週）

## バックエンド仕様

### 前提条件

- 認証はすっ飛ばす
- userIdは毎回ランダム生成
- firebase authを組み込むのであればユーザー紐付けはやる
- とりあえずDBには一切書き込みを行わない（ただの垂れ流し）

### REST API

エンドポイント：

ローカル：http://localhost:8080
本番（予定）：https://api.digital-futute.jp

#### 会議リンク発行

このリンクを叩くと48時間有効なチャットルームが生成される。
このリンクを叩かずに生成されたリンクについては認証を通すのでエラーとなる（クライアントには生データを渡してサーバー側ではハッシュ値を格納）

GET: /invite

Response

{
    "chat_url":"http://localhost:8080/chat/example-room-id",
    "room_id":"example-room-id"
}

#### 参加API

こいつをhttpリクエストで叩き、認証が通るとupgradeでプロトコルが変更されwebsocketが導通する

GET: /chat/:roomId

Query param:

room_id:roomを示す一意のIDです。このリンクを共有しているユーザーとインスタントチャットが出来ます

Response:

プロトコル変換されるのでhttpなレスポンスに意味があるものはないです

### Websocket action payload

Websocket上で流れるペイロードを定義します。
便宜を兼ねて受信ペイロードと送信ペイロードを分けて示します。

#### 送信ペイロード

{
    "action":"SEND_MESSAGE",
    "message":"王様の耳はロバの耳"
    "user_id":"example-user-id"
    "chat_id":"example-chat-id"
    "reply_id":"example-reply-id"
}

#### 受信ペイロード

{
    "action":"RECV_MESSAGE",
    "message":"王様の耳はロバの耳"
    "user_id":"example-user-id"
    "chat_id":"example-chat-id"
    "reply_id":"example-reply-id"
}