Remove the built frontend materials from the git repository

[itutu-tienday]

Content

これまで git repository に格納されていた、frontend の build 済み素材を、repository より削除する。
またそれに伴う、エラーページの表示などを調整。

対応の目的

fronntend の build 素材の差分は、optinist の各 fork repository 間において、ほぼ conflict が発生することから、
repository の管理負荷の考慮から、repositoryからは除外とする。
（frontend build が必要となる場合は、適宜ユーザー側環境で実施いただく）

Mesures

• 既存のfrontend build素材を削除
• frontend build素材が存在しない場合の、エラーページ表示を追加
• および404エラーに関する処理を改善
  • これまでは、存在しないbackend URLへアクセスされた場合、必ず応答コード 200 で応答されていた。
  • 上記に対し、backend API request と判断される場合は、404 を応答するよう調整された。

Testcase

• frontend (yarn start, port 3000) 経由でのアクセス

  • 正常系動作
    • リンク切れなどに伴う、frontendでの動作エラーがないこと
      • standalone の各ページ
      • multiuser の各ページ
    • Workfow の正常動作確認（Tutorial 1）
  • 異常系動作
    • 404アクセス
      • 存在しないURLへアクセスした場合、TOPページへRedirectされること

• backend (yarn build, port 8000) 経由でのアクセス

  • frontend build前（build/ が存在しない場合）
    • frontend/public/no-built-pages.html （以下の内容）が表示されること

      # (OptiNiSt) Page does not exist
      
      Please access using one of the following methods:
      
      - Access via frontend app
        1. start frontend app ... cd frontend && yarn start
        2. access to frontend app ... http://localhost:3000
      - After building the frontend, access via the backend
        1. build frontend materials ... cd frontend && yarn build
        2. access to backend app ... http://localhost:8000
      

  • frontend build後（build/ が存在する場合）
    • 正常系動作
      • リンク切れなどに伴う、frontendでの動作エラーがないこと
        • standalone の各ページ
        • multiuser の各ページ
      • Workfow の正常動作確認（Tutorial 1）
    • 異常系動作
      • 404アクセス
        • 存在しないURLへアクセスした場合、TOPページへRedirectされること

• Platforms

  • Native
    • Mac or Linux
    • Windows
  • Docker

Others

• ドキュメントの更新
  • readthedocs
    • ※readthedocs は、特に更新不要で想定
  • リリース手順
    • 以下の情報を更新
      • github repository には、frontendのbuild素材は、commit不要（gitignoreされている）
      • pip 版、docker版、では、frontendのbuild素材を、ビルドイメージ内に含める必要がある

[milesAraya]

I am not really able to see any changes made by the new code. Maybe I am doing this incorrectly.

• Access via frontend app
  1. start frontend app ... cd frontend && yarn start
  2. access to frontend app ... http://localhost:3000
     When changing branch or deleting frontend/build/index.html

• After building the frontend, access via the backend
  1. build frontend materials ... cd frontend && yarn build
  2. access to backend app ... http://localhost:8000
     After build can access with backend

[itutu-tienday]

@milesAraya

So i am not clear what the new changes do. It does not seem necessary to use yarn build in the previous version or the new version.

Please manually delete the "frontend/build" directory completely and check the operation (access via port 8000).

• In the current version, a system error will occur.
• In the new version (the version of this PR), an error page will be displayed properly.

I have been using frontend/.env.

For the frontend build configuration, use .env.production.example (cp .env.production.example .env.production).

[tsuchiyama-araya]

土山テストケース（WIP）

Testcase

• frontend (yarn start, port 3000) 経由でのアクセス

  • 正常系動作
    • リンク切れなどに伴う、frontendでの動作エラーがないこと
      • standalone の各ページ
      • multiuser の各ページ
    • Workfow の正常動作確認（Tutorial 1）
  • 異常系動作
    • 404アクセス
      • 存在しないURLへアクセスした場合、TOPページへRedirectされること

• backend (yarn build, port 8000) 経由でのアクセス

  • frontend build前（build/ が存在しない場合）
    • frontend/public/no-built-pages.html （以下の内容）が表示されること

      # (OptiNiSt) Page does not exist
      
      Please access using one of the following methods:
      
      - Access via frontend app
        1. start frontend app ... cd frontend && yarn start
        2. access to frontend app ... http://localhost:3000
      - After building the frontend, access via the backend
        1. build frontend materials ... cd frontend && yarn build
        2. access to backend app ... http://localhost:8000
      

  • frontend build後（build/ が存在する場合）
    • 正常系動作
      • リンク切れなどに伴う、frontendでの動作エラーがないこと
        • standalone の各ページ
        • multiuser の各ページ
      • Workfow の正常動作確認（Tutorial 1）
    • 異常系動作
      • 404アクセス
        • 存在しないURLへアクセスした場合、TOPページへRedirectされること

• Platforms

  • Native
    • Mac or Linux
    • Windows
  • Docker

[milesAraya]

Testcase

• frontend (yarn start, port 3000) 経由でのアクセス

  • 正常系動作
    • リンク切れなどに伴う、frontendでの動作エラーがないこと
      • standalone の各ページ
      • multiuser の各ページ
    • Workfow の正常動作確認（Tutorial 1）
  • 異常系動作
    • 404アクセス
      • 存在しないURLへアクセスした場合、TOPページへRedirectされること

• backend (yarn build, port 8000) 経由でのアクセス

  • frontend build前（build/ が存在しない場合）
    • frontend/public/no-built-pages.html （以下の内容）が表示されること

      # (OptiNiSt) Page does not exist
      
      Please access using one of the following methods:
      
      - Access via frontend app
        1. start frontend app ... cd frontend && yarn start
        2. access to frontend app ... http://localhost:3000
      - After building the frontend, access via the backend
        1. build frontend materials ... cd frontend && yarn build
        2. access to backend app ... http://localhost:8000
      

  • frontend build後（build/ が存在する場合）
    • 正常系動作
      • リンク切れなどに伴う、frontendでの動作エラーがないこと
        • standalone の各ページ
        • multiuser の各ページ
      • Workfow の正常動作確認（Tutorial 1）
    • 異常系動作
      • 404アクセス
        • 存在しないURLへアクセスした場合、TOPページへRedirectされること

• Platforms

  • Native
    • Mac or Linux
    • Windows
  • Docker

[milesAraya]

Now working on Windows