feat: compress report js

lihuacai168 · lihuacai168 · commit 88008f1cb574 · 2022-11-19T03:19:07.000+08:00
chore: change docker-compose port
diff --git a/.env.example b/.env.example
@@ -1,8 +1,7 @@
 # $ cat ~/.env
 
 WEB_PORT=80
-DJANGO_ADMIN_PORT=8001
-DJANGO_API_PORT=8000
+DJANGO_ADMIN_PORT=8000
 SERVER_IP=127.0.0.1 # The host machine IP
 
 
diff --git a/.gitignore b/.gitignore
@@ -8,7 +8,7 @@ tempWorkDir
 mysql
 .env
 /venv/
-/static/
+/CACHE/
 
 
 # web
diff --git a/FasterRunner/settings/base.py b/FasterRunner/settings/base.py
@@ -56,12 +56,15 @@
     "django_celery_beat",
     "rest_framework_swagger",
     "drf_yasg",
+    "compressor",
 ]
 
 MIDDLEWARE = [
-    'log_request_id.middleware.RequestIDMiddleware',
-    "django.middleware.security.SecurityMiddleware",
     "django.middleware.gzip.GZipMiddleware",
+    "htmlmin.middleware.HtmlMinifyMiddleware",
+    "htmlmin.middleware.MarkRequestMiddleware",
+    "log_request_id.middleware.RequestIDMiddleware",
+    "django.middleware.security.SecurityMiddleware",
     "django.contrib.sessions.middleware.SessionMiddleware",
     "corsheaders.middleware.CorsMiddleware",
     "django.middleware.common.CommonMiddleware",
@@ -70,6 +73,32 @@
     "django.middleware.clickjacking.XFrameOptionsMiddleware",
     "fastrunner.utils.middleware.VisitTimesMiddleware",
 ]
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/2.1/howto/static-files/
+STATIC_URL = "/static/"
+
+STATICFILES_FINDERS = (
+    "django.contrib.staticfiles.finders.FileSystemFinder",
+    "django.contrib.staticfiles.finders.AppDirectoriesFinder",
+    # Add this
+    "compressor.finders.CompressorFinder",
+)
+STATICFILES_DIRS = [os.path.join(BASE_DIR, "static")]
+COMPRESS_ROOT = os.path.join(BASE_DIR, "static")
+STATIC_ROOT = os.path.join(BASE_DIR, "static_root")
+COMPRESS_ENABLED = True
+COMPRESS_CSS_HASHING_METHOD = "content"
+COMPRESS_FILTERS = {
+    "css": [
+        "compressor.filters.css_default.CssAbsoluteFilter",
+        "compressor.filters.cssmin.rCSSMinFilter",
+    ],
+    "js": [
+        "compressor.filters.jsmin.JSMinFilter",
+    ],
+}
+HTML_MINIFY = True
+KEEP_COMMENTS_ON_MINIFYING = True
 
 ROOT_URLCONF = "FasterRunner.urls"
 
@@ -123,11 +152,6 @@
 
 USE_TZ = False
 
-# Static files (CSS, JavaScript, Images)
-# https://docs.djangoproject.com/en/2.1/howto/static-files/
-
-STATIC_URL = "/static/"
-
 
 REST_FRAMEWORK = {
     # 'DEFAULT_AUTHENTICATION_CLASSES': ['FasterRunner.auth.DeleteAuthenticator', 'FasterRunner.auth.Authenticator', ],
@@ -229,29 +253,27 @@
     "disable_existing_loggers": True,
     "formatters": {
         "standard": {
-            'format': '%(levelname)-2s [%(asctime)s] [%(request_id)s] %(name)s: %(message)s',
+            "format": "%(levelname)-2s [%(asctime)s] [%(request_id)s] %(name)s: %(message)s",
             "datefmt": "%Y-%m-%d %H:%M:%S",
         },
-        'color': {
-            '()': 'colorlog.ColoredFormatter',
-            'format': '%(green)s%(asctime)s [%(request_id)s] %(name)s %(log_color)s%(levelname)s [pid:%(process)d] '
-                      '[%(filename)s->%(funcName)s:%(lineno)s] %(cyan)s%(message)s',
-            'log_colors': {
-                'DEBUG': 'black',
-                'INFO': 'white',
-                'WARNING': 'yellow',
-                'ERROR': 'red',
-                'CRITICAL': 'bold_red',
+        "color": {
+            "()": "colorlog.ColoredFormatter",
+            "format": "%(green)s%(asctime)s [%(request_id)s] %(name)s %(log_color)s%(levelname)s [pid:%(process)d] "
+            "[%(filename)s->%(funcName)s:%(lineno)s] %(cyan)s%(message)s",
+            "log_colors": {
+                "DEBUG": "black",
+                "INFO": "white",
+                "WARNING": "yellow",
+                "ERROR": "red",
+                "CRITICAL": "bold_red",
             },
         }
         # 日志格式
     },
     "filters": {
-        'request_id': {
-            '()': 'log_request_id.filters.RequestIDFilter'
-        },
-        'require_debug_true': {
-            '()': 'django.utils.log.RequireDebugTrue',  # 过滤器，只有当setting的DEBUG = True时生效
+        "request_id": {"()": "log_request_id.filters.RequestIDFilter"},
+        "require_debug_true": {
+            "()": "django.utils.log.RequireDebugTrue",  # 过滤器，只有当setting的DEBUG = True时生效
         },
     },
     "handlers": {
@@ -268,17 +290,14 @@
             "maxBytes": 1024 * 1024 * 50,
             "backupCount": 5,
             "formatter": "color",
-            'filters': ['request_id'],
-
+            "filters": ["request_id"],
         },
         "console": {
             "level": "DEBUG",
             "class": "logging.StreamHandler",
             "formatter": "color",
-            'filters': ['request_id'],
-
+            "filters": ["request_id"],
         },
-
     },
     "loggers": {
         "django": {
diff --git a/FasterRunner/settings/docker.py b/FasterRunner/settings/docker.py
@@ -63,7 +63,7 @@
 # broker_url = f'amqp://{mq_user}:{mq_password}@mq:5672//'
 broker_url = f'amqp://{MQ_USER}:{MQ_PASSWORD}@mq:{MQ_PORT}//'
 
-STATIC_ROOT = os.path.join(BASE_DIR, 'static')
+# STATIC_ROOT = os.path.join(BASE_DIR, 'static')
 
 SERVER_IP = environ.get('SERVER_IP', '')
 DJANGO_API_PORT = environ.get('DJANGO_API_PORT', '8000')
diff --git a/FasterRunner/settings/pro.py b/FasterRunner/settings/pro.py
@@ -68,7 +68,7 @@
 # STATIC_URL = '/static/'
 
 # 部署的时候执行python manage.py collectstatic，django会把所有App下的static文件都复制到STATIC_ROOT文件夹下
-STATIC_ROOT = os.path.join(BASE_DIR, 'static')
+# STATIC_ROOT = os.path.join(BASE_DIR, 'static')
 
 # 开发者模式中使用访问静态文
 # STATICFILES_DIRS = (
diff --git a/docker-compose.yml b/docker-compose.yml
@@ -38,8 +38,6 @@ services:
     command: -c "/app/start.sh app"
     depends_on:
       - db
-    ports:
-      - "${DJANGO_API_PORT}:8000"
     restart: always
 
   celery-worker:
@@ -84,7 +82,7 @@ services:
   nginx:
     build: ./nginx
     ports:
-      - "${DJANGO_ADMIN_PORT}:80"
+      - "${DJANGO_ADMIN_PORT}:8000"
     depends_on:
       - app
     restart: always
diff --git a/nginx/Dockerfile b/nginx/Dockerfile
@@ -4,4 +4,4 @@ FROM nginx:1.21-alpine
 
 RUN rm /etc/nginx/conf.d/default.conf
 COPY nginx.conf /etc/nginx/conf.d
-COPY --from=Base  /app/static  /www/FasterRunner/static
+COPY --from=Base  /app/static_root  /www/FasterRunner/static
diff --git a/nginx/nginx.conf b/nginx/nginx.conf
@@ -2,7 +2,7 @@ upstream django {
     server app:8000;
 }
 server {
-    listen      80;
+    listen      8000;
 #     server_name 127.0.0.1;
     charset     utf-8;
 
diff --git a/requirements.txt b/requirements.txt
@@ -67,4 +67,7 @@ pydantic==1.9.0
 gunicorn
 sentry-sdk~=1.5.8
 croniter~=1.3.5 # 计算下一次crontab
-django-log-request-id~=2.0.0
+django-log-request-id~=2.0.0
+
+django-htmlmin==0.11.0
+django-compressor==2.3 # 压缩静态文件
diff --git a/static/extent.js b/static/extent.js
diff --git a/static_root/.gitkeep b/static_root/.gitkeep
diff --git a/templates/report_template.html b/templates/report_template.html
@@ -1,3 +1,6 @@
+{% load static %}
+
+{% load compress %}
 <!DOCTYPE html>
 <html>
 
@@ -8474,8 +8477,9 @@ <h5 class='category-name'></h5>
 
 </script>
 
-<script src='http://extentreports.com/resx/dist/js/extent.js' type='text/javascript'></script>
-
+{% compress js %}
+<script src="{% static 'extent.js' %}" type='text/javascript'></script>
+{% endcompress js %}
 
 <script type='text/javascript'>
     $(window).off("keydown");

-Original file line number
+Diff line change
 mysql
 .env
 /venv/
 -/static/
 +/CACHE/
 # web
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ upstream django {`
`2`	`2`	`server app:8000;`
`3`	`3`	`}`
`4`	`4`	`server {`
`5`		`- listen 80;`
	`5`	`+ listen 8000;`
`6`	`6`	`# server_name 127.0.0.1;`
`7`	`7`	`charset utf-8;`
`8`	`8`