8000 GitHub - traPtitech/rucQ-UI
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

traPtitech/rucQ-UI

Repository files navigation

rucQ-UI

環境構築

共通設定

  1. Node.js をインストールする
  2. npm install を実行して必要なモジュールを揃える

MSW の Mock API を使う方法

クライアントからの HTTP リクエストを遮断して仮のレスポンスを返す MockServiceWorker を起動します。

  1. npm run dev を実行する
  2. http://localhost:5173 にアクセスする

リモートの Staging API を使う方法

クライアントが Staging API (https://rucq-dev.trap.show/api) にアクセスできるようにします。traQ 認証を突破するために Cookie をコピーしてくる必要があります。

  1. https://rucq-dev.trap.show/api/me にアクセスする
  2. Cookie 一覧から _forward_auth の値を取得する
  3. npm run dev:staging を実行する
  4. http://localhost:5173 にアクセスし、Devtools で Cookie をセットする
    • Application タブ → Storage → Cookies → http://... にある
  5. ページをリロードすると API との接続が確認できる

API スキーマの更新

API の型定義 schema.d.ts はバックエンド rucQ の openapi.yaml から自動生成されます。もし openapi.yaml に更新があれば、npm run generate:api を実行して schema.d.ts を再生成してください。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors 6

0