将 WSGI 配置为为单个页面应用程序提供单个 index.html 文件

Question

我在 Apache2 (Ubuntu 18.04) 上使用 WSGI 设置了一个标准 Django 应用程序

我现在想通过单个 index.html 文件提供所有前端内容（仍然允许访问 /admin url 并确保通过 /api 调用 REST api 工作）。我将 Ember 用于单页应用程序。

非常感谢任何帮助！

这是我当前的 .conf 设置：

DocumentRoot /var/www/examplesite.co.uk/public_html

Alias /static /home/someuser/djangoprojects/someuser_v1_project/static
<Directory /home/someuser/djangoprojects/someuser_v1_project/static>
      Require all granted
</Directory>

Alias /media /home/someuser/djangoprojects/someuser_v1_project/media
<Directory /home/someuser/djangoprojects/someuser_v1_project/media>
      Require all granted
 </Directory>

 <Directory /home/someuser/djangoprojects/someuser_v1_project/someuser_v1_project>
 <Files wsgi.py>
        Require all granted
 </Files>
 </Directory>

 WSGIDaemonProcess examplesite.co.uk python-home=/home/someuser/virtualenvs/someuser_env python-path=/home/someuser/djangoprojects/someuser_v1_project
 WSGIProcessGroup examplesite.co.uk
 WSGIScriptAlias / /home/someuser/djangoprojects/someuser_v1_project/someuser_v1_project/wsgi.py

Answer 1

由于您的 index.html 将是静态的，因此只需将其按原样发送到用户代理（浏览器）即可。它不需要任何服务器端处理 (WSGI)。

网络服务器可以根据浏览器的请求简单地发送 index.html（和任何 js/css 资源）。它甚至不需要与您的 API 后端位于同一目录中。

我在生产应用程序中使用这样的设置。这样可以保持前端/后端的开发和部署独立。

/www
  /myapp                <-- ember SPA (where normal users will go)
     index.html
    /assets
    /fonts
  /myapp_backend
    /api/v1/...          <-- backend API (API that ember talks to)
    /admin/              <-- admin section

您可以在 ember 配置生产设置中定义后端 API 位置。 （可能是开发中的不同设置）。然后，您可以将 ember 应用程序数据适配器中的命名空间设置为此路径。

// config/environment.js
...
APP: {
  ENV: {
         REST_API_ENDPOINT: 'myapp_backend/api/v1',
         REST_API_HOST:     'http://production-host',
       ...
       }

  ...
}

// app/adapters/application.js
import DS from 'ember-data';
import ENV from '../config/environment';
...

export default DS.RESTAdapter.extend({
    namespace: ENV.APP.REST_API_ENDPOINT,
    host:      ENV.APP.REST_API_HOST,
    ...
})

当发布准备就绪时，您可以ember build --environment=production 并将“dist”目录复制到服务器 myapp 目录。

Answer 2

最好不要使用 WSGI/ngnix 为完全解耦的前端应用程序的静态资产提供服务，而是使用 Netlify 之类的服务或使用 ember-cli-deploy http://ember-cli-deploy.com 在 AWS 上托管资产。

为什么？

• 更快
• 您可以更轻松地自动部署到任一应用
• 你不必考虑这个问题
• Netlify 尤其提供部署预览等功能，让您的生活充满乐趣。

如果你想要一个具体的答案，我会看看这个：https://pypi.org/project/wsgi-static-middleware/