3,765
回編集
差分
→参考
== 参考 ==
<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アプリの静的ファイルを配信するには、以下の手順を実行します¹²³⁴⁵: