Question

使用

构建流畅的网络应用程序后

pyppeteer

我想使用一个简单的Django服务器为该应用提供服务。我该怎么办？

Answer 1

运行该命令后，将 build\web 目录从 flutter 项目复制到您的 django 项目中。假设您将其放在根目录下并将其重命名为 flutter_web_app。

所以我们有，

djangoproject
  | djangoproject
       | settings.py
       | urls.py
       | ...
  | flutter_web_app
  | ... 
  | other apps

现在编辑 base 中的 flutter_web_app/index.html 标记，为应用程序提供一个前缀。请注意，前缀/碱基应以 / 开头和结尾。

<head>
...

    <base href="/flutter_web_app/">

...
</head>

现在，在您的 djangoproject/urls.py 中，匹配前缀并提供您的 Flutter 应用程序。

from django.urls import path
from django.views.static import serve
import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
FLUTTER_WEB_APP = os.path.join(BASE_DIR, 'flutter_web_app')

def flutter_redirect(request, resource):
    return serve(request, resource, FLUTTER_WEB_APP)

urlpatterns = [
    ...
    path('flutter_web_app/', lambda r: flutter_redirect(r, 'index.html')),
    path('flutter_web_app/<path:resource>', flutter_redirect),
]

在本地运行，url 127.0.0.1/flutter_web_app 将为我们的 flutter_web_app/index.html 提供服务。

flutter 应用程序所需的所有文件都以 flutter_web_app 为前缀。例如。 main.dart.js 是通过对 flutter_web_app/main.dart.js 的 GET 请求的。我们将前缀后的路径提取为 resource，并从 flutter_web_app 目录（flutter_redirect 函数）提供相应的文件。

如何使用Django服务Flutter Web应用程序？

1 个答案: