警告: ログインしていません。編集を行うと、あなたの IP アドレスが公開されます。ログインまたはアカウントを作成すれば、あなたの編集はその利用者名とともに表示されるほか、その他の利点もあります。
この編集を取り消せます。
下記の差分を確認して、本当に取り消していいか検証してください。よろしければ変更を保存して取り消しを完了してください。
最新版 |
編集中の文章 |
123行目: |
123行目: |
| | | |
| == 参考 == | | == 参考 == |
− | <nowiki>本番環境でのDjangoとReactのプロジェクトのディレクトリ構造は、開発環境とは異なる場合があります。一般的には、Reactアプリケーションをビルド(`npm run build`)した後、その出力をDjangoが提供する静的ファイルとして扱います。これにより、Reactアプリケーションのビルド出力はDjangoプロジェクトの一部となります。
| |
− |
| |
− | 以下に、そのような構成を示します:
| |
− |
| |
− | ```
| |
− | django-teranote/
| |
− | |
| |
− | |---mysite/ #djangoプロジェクトのルートディレクトリ
| |
− | | ├── myapp/
| |
− | | │ ├── __init__.py
| |
− | | │ ├── admin.py
| |
− | | │ ├── apps.py
| |
− | | │ ├── migrations/
| |
− | | │ ├── models.py
| |
− | | │ ├── tests.py
| |
− | | │ └── views.py
| |
− | | ├── mysite/
| |
− | | │ ├── __init__.py
| |
− | | │ ├── asgi.py
| |
− | | │ ├── settings.py
| |
− | | │ ├── urls.py
| |
− | | │ └── wsgi.py
| |
− | | └── manage.py
| |
− | |
| |
− | | ── myreactapp/ #reactのルートディレクトリ
| |
− | ├── node_modules/
| |
− | ├── public/
| |
− | ├── src/
| |
− | ├── package.json
| |
− | ├── package-lock.json
| |
− | ├── README.md
| |
− | └── ...
| |
− | |
| |
− | └── staticfiles/ # Djangoが提供する静的ファイルディレクトリ
| |
− | └── myreactapp/ # Reactアプリケーションのビルド出力
| |
− | └── ...
| |
− | ```
| |
− |
| |
− | この構造では、Reactアプリケーションは独立したディレクトリで開発され、ビルドされた出力はDjangoが提供する`staticfiles/`ディレクトリに配置されます。これにより、DjangoはReactアプリケーションの静的ファイルを提供できます。
| |
− |
| |
− | ただし、この構造は一例であり、具体的な要件や目標によって最適な構造は変わる可能性があります。また、本番環境でのデプロイメントには追加の設定が必要になる場合があります¹²³⁴。
| |
− |
| |
− | ソース: Bing との会話 2023/10/2
| |
− | (1) Folder structure for React and Django REST - Stack Overflow. https://stackoverflow.com/questions/44232828/folder-structure-for-react-and-django-rest.
| |
− | (2) How to structure django + react project for deployment?. https://stackoverflow.com/questions/68966770/how-to-structure-django-react-project-for-deployment.
| |
− | (3) reactjs - Django React project structure - Stack Overflow. https://stackoverflow.com/questions/61153118/django-react-project-structure.
| |
− | (4) Best Practices for a Django Working Directory Structure. https://www.delftstack.com/howto/django/django-project-structure/.</nowiki>
| |
− |
| |
| <nowiki>DjangoでReactアプリの静的ファイルを配信するには、以下の手順を実行します¹²³⁴⁵: | | <nowiki>DjangoでReactアプリの静的ファイルを配信するには、以下の手順を実行します¹²³⁴⁵: |
| | | |