Quden Dev Doc

Appearance

Dev-doc: Quden for Chrome ​

これは何？ ​

toruca のchrome extensionに関するドキュメントです。 全体像は Quden アーキテクチャ を参照してください。

ローカル開発の始め方 ​

  1. https://github.com/zipunk/toruca-chrome-extension をclone
    • デフォルトブランチは development なので注意
  2. yarn install
  3. yarn build:dev で ./dist にファイルが生成される
    • yarn build:dev:watch で hot reload しながら開発できます
    • yarn build:staging を実行すると、リモート開発環境の API などを使うので、手元で backend や frontend のサーバーを立ち上げる手順（手順6）が必要なくなります
  4. chromeで chrome://extensions にアクセスし、Developer modeを有効にする
  5. 「Load unpacked」を選択し、先ほど生成された ./dist を読み込む
  6. toruca-backend-core/toruca-frontend-web を立ち上げる。その際、以下の URL で起動する。
  7. 拡張機能を立ち上げ、test+0@toruca.com でサインイン
    • 2020/5/3時点では、サインイン画面は表面だけ
    • 2021/08/11 現在、テストアカウントでサインイン可能
  8. 拡張機能で動画を作成
    • 録画開始→停止で動画が生成される
  9. https://local.dev.quden.io:3000/signinにアクセスし、 test+0@toruca.comでログイン
  10. マイチャンネルで作成した動画が表示されることを確認

デベロッパーモードで拡張機能をインストールする方法 ​

↓ のドキュメントを参照してください

Production 用をビルドする ​

コマンド：

bash
# production モードで拡張機能をビルドする
$ yarn build:prod # or yarn build

ストアの拡張機能を更新する ​

↓ のドキュメントを参照してください