ຮູບພາບ Docker ສໍາລັບການແຈກຢາຍຂອງ Single Page Application

ຄໍາຮ້ອງສະຫມັກຫນ້າດຽວ (SPA) ແມ່ນຊຸດຂອງໄຟລ໌ JavaScript ແລະ HTML ຄົງທີ່, ເຊັ່ນດຽວກັນກັບຮູບພາບແລະຊັບພະຍາກອນອື່ນໆ. ເນື່ອງຈາກວ່າພວກເຂົາບໍ່ປ່ຽນແປງແບບເຄື່ອນໄຫວ, ການເຜີຍແຜ່ພວກມັນອອນໄລນ໌ແມ່ນງ່າຍຫຼາຍ. ມີຈໍານວນຫລາຍຂອງລາຄາຖືກແລະແມ້ກະທັ້ງບໍລິການຟຣີສໍາລັບການນີ້, ເລີ່ມຕົ້ນດ້ວຍຫນ້າ GitHub ງ່າຍດາຍ (ແລະສໍາລັບບາງຄົນເຖິງແມ່ນວ່າມີ narod.ru) ແລະສິ້ນສຸດດ້ວຍ CDN ເຊັ່ນ Amazon S3. ຢ່າງໃດກໍຕາມ, ຂ້າພະເຈົ້າຕ້ອງການບາງສິ່ງບາງຢ່າງອື່ນ.

ຂ້ອຍຕ້ອງການຮູບພາບ Docker ກັບ SPA ເພື່ອໃຫ້ມັນສາມາດເປີດຕົວໄດ້ຢ່າງງ່າຍດາຍທັງໃນການຜະລິດເປັນສ່ວນຫນຶ່ງຂອງກຸ່ມ Kubernetes, ແລະຢູ່ໃນເຄື່ອງຂອງນັກພັດທະນາ back-end ຜູ້ທີ່ບໍ່ຮູ້ວ່າ SPA ແມ່ນຫຍັງ.

ຂ້າພະເຈົ້າໄດ້ກໍານົດຄວາມຕ້ອງການຮູບພາບຕໍ່ໄປນີ້ສໍາລັບຕົນເອງ:

• ຄວາມງ່າຍຂອງການນໍາໃຊ້ (ແຕ່ບໍ່ແມ່ນການປະກອບ);
• ຂະຫນາດຕໍາ່ສຸດທີ່ທັງໃນແງ່ຂອງແຜ່ນແລະ RAM;
• ການຕັ້ງຄ່າໂດຍຜ່ານຕົວແປສະພາບແວດລ້ອມເພື່ອໃຫ້ຮູບພາບສາມາດຖືກນໍາໃຊ້ໃນສະພາບແວດລ້ອມທີ່ແຕກຕ່າງກັນ;
• ການແຈກຢາຍໄຟລ໌ທີ່ມີປະສິດທິພາບຫຼາຍທີ່ສຸດ.

ມື້ນີ້ຂ້ອຍຈະບອກເຈົ້າວ່າ:

• gut nginx;
• ສ້າງ brotli ຈາກແຫຼ່ງ;
• ສອນໄຟລ໌ສະຖິດເພື່ອເຂົ້າໃຈຕົວແປສະພາບແວດລ້ອມ;
• ແລະແນ່ນອນວິທີການປະກອບຮູບພາບ Docker ຈາກທັງຫມົດນີ້.

ຈຸດປະສົງຂອງບົດຄວາມນີ້ແມ່ນເພື່ອແບ່ງປັນປະສົບການຂອງຂ້າພະເຈົ້າແລະ provoke ສະມາຊິກຊຸມຊົນທີ່ມີປະສົບການໃນການວິພາກວິຈານການກໍ່ສ້າງ.

ການສ້າງຮູບພາບສໍາລັບການປະກອບ

ເພື່ອເຮັດໃຫ້ຮູບພາບ Docker ສຸດທ້າຍມີຂະຫນາດນ້ອຍ, ທ່ານຈໍາເປັນຕ້ອງໄດ້ປະຕິບັດຕາມກົດລະບຽບສອງຢ່າງ: ຂັ້ນຕ່ໍາຂອງຊັ້ນແລະຮູບພາບພື້ນຖານຫນ້ອຍ. ຫນຶ່ງໃນຮູບພາບພື້ນຖານທີ່ນ້ອຍທີ່ສຸດແມ່ນຮູບພາບ Alpine Linux, ດັ່ງນັ້ນຂ້ອຍຈະເລືອກ. ບາງຄົນອາດຈະໂຕ້ຖຽງວ່າ Alpine ບໍ່ເຫມາະສົມສໍາລັບການຜະລິດ, ແລະພວກເຂົາອາດຈະຖືກຕ້ອງ. ແຕ່ສ່ວນຕົວ, ຂ້ອຍບໍ່ເຄີຍມີບັນຫາກັບລາວແລະບໍ່ມີການໂຕ້ຖຽງກັບລາວ.

ເພື່ອໃຫ້ມີຊັ້ນຫນ້ອຍ, ຂ້ອຍຈະປະກອບຮູບພາບໃນ 2 ຂັ້ນຕອນ. ທໍາອິດແມ່ນຮ່າງ; ອຸປະກອນຊ່ວຍແລະໄຟລ໌ຊົ່ວຄາວທັງຫມົດຈະຍັງຄົງຢູ່ໃນມັນ. ແລະໃນຂັ້ນຕອນສຸດທ້າຍຂ້າພະເຈົ້າຈະຂຽນພຽງແຕ່ສະບັບສຸດທ້າຍຂອງຄໍາຮ້ອງສະຫມັກ.

ໃຫ້ເລີ່ມຕົ້ນດ້ວຍຮູບພາບເສີມ.

ເພື່ອລວບລວມຄໍາຮ້ອງສະຫມັກ SPA, ປົກກະຕິແລ້ວທ່ານຕ້ອງການ node.js. ຂ້ອຍຈະເອົາຮູບພາບທີ່ເປັນທາງການ, ເຊິ່ງມາພ້ອມກັບ npm ແລະຜູ້ຈັດການຊຸດເສັ້ນດ້າຍ. ໃນນາມຂອງຂ້ອຍເອງ, ຂ້ອຍຈະເພີ່ມ node-gyp, ເຊິ່ງຈໍາເປັນຕ້ອງສ້າງບາງແພັກເກັດ npm, ແລະເຄື່ອງອັດ Brotli ຈາກ Google, ເຊິ່ງຈະເປັນປະໂຫຍດຕໍ່ພວກເຮົາຕໍ່ມາ.

Dockerfile ກັບຄໍາເຫັນ.

# Базовый образ
FROM node:12-alpine
LABEL maintainer="Aleksey Maydokin <[email protected]>"
ENV BROTLI_VERSION 1.0.7
# Пакеты, которые нужны, чтобы собрать из исходников Brotli
RUN apk add --no-cache --virtual .build-deps 
        bash 
        gcc 
        libc-dev 
        make 
        linux-headers 
        cmake 
        curl 
    && mkdir -p /usr/src 
    # Исходники Brotli скачиваем из официального репозитория
    && curl -LSs https://github.com/google/brotli/archive/v$BROTLI_VERSION.tar.gz | tar xzf - -C /usr/src 
    && cd /usr/src/brotli-$BROTLI_VERSION 
    # Компилируем Brotli
    && ./configure-cmake --disable-debug && make -j$(getconf _NPROCESSORS_ONLN) && make install 
    # Добавляем node-gyp
    && yarn global add node-gyp 
    # Убираем за собой мусор
    && apk del .build-deps && yarn cache clean && rm -rf /usr/src

ແລ້ວຢູ່ທີ່ນີ້ຂ້ອຍກໍາລັງສູ້ກັນສໍາລັບ minimalism, ດັ່ງນັ້ນຮູບພາບໄດ້ຖືກເອົາໃຈໃສ່ຮ່ວມກັນໂດຍທີມງານໃຫຍ່ຫນຶ່ງ.

ຮູບພາບສໍາເລັດຮູບສາມາດພົບໄດ້ທີ່ນີ້: https://hub.docker.com/r/alexxxnf/spa-builder. ເຖິງແມ່ນວ່າຂ້າພະເຈົ້າແນະນໍາໃຫ້ບໍ່ອີງໃສ່ຮູບພາບຂອງຄົນອື່ນແລະເກັບກໍາຂໍ້ມູນຂອງທ່ານເອງ.

nginx

ທ່ານສາມາດນໍາໃຊ້ເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌ໃດຫນຶ່ງເພື່ອແຈກຢາຍເນື້ອຫາທີ່ສະຖິດ. ຂ້ອຍເຄີຍເຮັດວຽກກັບ nginx, ສະນັ້ນຂ້ອຍຈະໃຊ້ມັນດຽວນີ້.

Nginx ມີຮູບພາບ Docker ຢ່າງເປັນທາງການ, ແຕ່ມັນມີໂມດູນຫຼາຍເກີນໄປສໍາລັບການແຈກຢາຍແບບຄົງທີ່ງ່າຍດາຍ. ອັນໃດທີ່ຖືກລວມຢູ່ໃນການຈັດສົ່ງສາມາດເຫັນໄດ້ໂດຍທີມງານພິເສດຫຼືໃນ Dockerfile ຢ່າງເປັນທາງການ.

$ docker run --rm nginx:1-alpine nginx -V

nginx version: nginx/1.17.9
built by gcc 8.3.0 (Alpine 8.3.0) 
built with OpenSSL 1.1.1d  10 Sep 2019
TLS SNI support enabled
configure arguments: --prefix=/etc/nginx --sbin-path=/usr/sbin/nginx --modules-path=/usr/lib/nginx/modules --conf-path=/etc/nginx/nginx.conf --error-log-path=/var/log/nginx/error.log --http-log-path=/var/log/nginx/access.log --pid-path=/var/run/nginx.pid --lock-path=/var/run/nginx.lock --http-client-body-temp-path=/var/cache/nginx/client_temp --http-proxy-temp-path=/var/cache/nginx/proxy_temp --http-fastcgi-temp-path=/var/cache/nginx/fastcgi_temp --http-uwsgi-temp-path=/var/cache/nginx/uwsgi_temp --http-scgi-temp-path=/var/cache/nginx/scgi_temp --with-perl_modules_path=/usr/lib/perl5/vendor_perl --user=nginx --group=nginx --with-compat --with-file-aio --with-threads --with-http_addition_module --with-http_auth_request_module --with-http_dav_module --with-http_flv_module --with-http_gunzip_module --with-http_gzip_static_module --with-http_mp4_module --with-http_random_index_module --with-http_realip_module --with-http_secure_link_module --with-http_slice_module --with-http_ssl_module --with-http_stub_status_module --with-http_sub_module --with-http_v2_module --with-mail --with-mail_ssl_module --with-stream --with-stream_realip_module --with-stream_ssl_module --with-stream_ssl_preread_module --with-cc-opt='-Os -fomit-frame-pointer' --with-ld-opt=-Wl,--as-needed

ຂ້ອຍຈະໃຊ້ Dockerfile ເປັນພື້ນຖານ, ແຕ່ຂ້ອຍຈະອອກຈາກມັນພຽງແຕ່ສິ່ງທີ່ຈໍາເປັນເພື່ອແຈກຢາຍເນື້ອຫາທີ່ສະຖິດ. ສະບັບຂອງຂ້ອຍຈະບໍ່ສາມາດເຮັດວຽກຜ່ານ HTTPS, ຈະບໍ່ສະຫນັບສະຫນູນການອະນຸຍາດ, ແລະອື່ນໆອີກ. ແຕ່ສະບັບຂອງຂ້ອຍຈະສາມາດແຈກຢາຍໄຟລ໌ທີ່ຖືກບີບອັດດ້ວຍ Brotli algorithm, ເຊິ່ງມີປະສິດທິພາບຫຼາຍກ່ວາ gzip ເລັກນ້ອຍ. ພວກ​ເຮົາ​ຈະ​ບີບ​ອັດ​ໄຟລ​໌​ຫນຶ່ງ​ຄັ້ງ​, ບໍ່​ຈໍາ​ເປັນ​ຕ້ອງ​ເຮັດ​ສິ່ງ​ນີ້​ໃນ​ການ​ບິນ​.

ນີ້ແມ່ນ Dockerfile ທີ່ຂ້ອຍຈົບລົງດ້ວຍ. ຄໍາເຫັນໃນພາສາລັດເຊຍແມ່ນຂອງຂ້ອຍ, ໃນພາສາອັງກິດ - ຈາກຕົ້ນສະບັບ.

dockerfile

# Базовый образ снова Alpine
FROM alpine:3.9
LABEL maintainer="Aleksey Maydokin <[email protected]>"
ENV NGINX_VERSION 1.16.0
ENV NGX_BROTLI_VERSION 0.1.2
ENV BROTLI_VERSION 1.0.7
RUN set -x 
    && addgroup -S nginx 
    && adduser -D -S -h /var/cache/nginx -s /sbin/nologin -G nginx nginx 
# Устанавливаем пакеты, которые нужны чтобы собрать nginx и модуль ngx_brotli к нему
    && apk add --no-cache --virtual .build-deps 
            gcc 
            libc-dev 
            make 
            linux-headers 
            curl 
    && mkdir -p /usr/src 
# Скачиваем исходники
    && curl -LSs https://nginx.org/download/nginx-$NGINX_VERSION.tar.gz | tar xzf - -C /usr/src 
    && curl -LSs https://github.com/eustas/ngx_brotli/archive/v$NGX_BROTLI_VERSION.tar.gz | tar xzf - -C /usr/src 
    && curl -LSs https://github.com/google/brotli/archive/v$BROTLI_VERSION.tar.gz | tar xzf - -C /usr/src 
    && rm -rf /usr/src/ngx_brotli-$NGX_BROTLI_VERSION/deps/brotli/ 
    && ln -s /usr/src/brotli-$BROTLI_VERSION /usr/src/ngx_brotli-$NGX_BROTLI_VERSION/deps/brotli 
    && cd /usr/src/nginx-$NGINX_VERSION 
    && CNF="
            --prefix=/etc/nginx 
            --sbin-path=/usr/sbin/nginx 
            --modules-path=/usr/lib/nginx/modules 
            --conf-path=/etc/nginx/nginx.conf 
            --error-log-path=/var/log/nginx/error.log 
            --http-log-path=/var/log/nginx/access.log 
            --pid-path=/var/run/nginx.pid 
            --lock-path=/var/run/nginx.lock 
            --http-client-body-temp-path=/var/cache/nginx/client_temp 
            --http-proxy-temp-path=/var/cache/nginx/proxy_temp 
            --http-fastcgi-temp-path=/var/cache/nginx/fastcgi_temp 
            --http-uwsgi-temp-path=/var/cache/nginx/uwsgi_temp 
            --http-scgi-temp-path=/var/cache/nginx/scgi_temp 
            --user=nginx 
            --group=nginx 
            --without-http_ssi_module 
            --without-http_userid_module 
            --without-http_access_module 
            --without-http_auth_basic_module 
            --without-http_mirror_module 
            --without-http_autoindex_module 
            --without-http_geo_module 
            --without-http_split_clients_module 
            --without-http_referer_module 
            --without-http_rewrite_module 
            --without-http_proxy_module 
            --without-http_fastcgi_module 
            --without-http_uwsgi_module 
            --without-http_scgi_module 
            --without-http_grpc_module 
            --without-http_memcached_module 
            --without-http_limit_conn_module 
            --without-http_limit_req_module 
            --without-http_empty_gif_module 
            --without-http_browser_module 
            --without-http_upstream_hash_module 
            --without-http_upstream_ip_hash_module 
            --without-http_upstream_least_conn_module 
            --without-http_upstream_keepalive_module 
            --without-http_upstream_zone_module 
            --without-http_gzip_module 
            --with-http_gzip_static_module 
            --with-threads 
            --with-compat 
            --with-file-aio 
            --add-dynamic-module=/usr/src/ngx_brotli-$NGX_BROTLI_VERSION 
    " 
# Собираем
    && ./configure $CNF 
    && make -j$(getconf _NPROCESSORS_ONLN) 
    && make install 
    && rm -rf /usr/src/ 
# Удаляем динамический brotli модуль, оставляя только статический
    && rm /usr/lib/nginx/modules/ngx_http_brotli_filter_module.so 
    && sed -i '$ d' /etc/apk/repositories 
# Bring in gettext so we can get `envsubst`, then throw
# the rest away. To do this, we need to install `gettext`
# then move `envsubst` out of the way so `gettext` can
# be deleted completely, then move `envsubst` back.
    && apk add --no-cache --virtual .gettext gettext 
    && mv /usr/bin/envsubst /tmp/ 
    && runDeps="$( 
        scanelf --needed --nobanner /usr/sbin/nginx /usr/lib/nginx/modules/*.so /tmp/envsubst 
            | awk '{ gsub(/,/, "nso:", $2); print "so:" $2 }' 
            | sort -u 
            | xargs -r apk info --installed 
            | sort -u 
    )" 
    && apk add --no-cache $runDeps 
    && apk del .build-deps 
    && apk del .gettext 
    && mv /tmp/envsubst /usr/local/bin/ 
# Bring in tzdata so users could set the timezones through the environment
# variables
    && apk add --no-cache tzdata 
# forward request and error logs to docker log collector
    && ln -sf /dev/stdout /var/log/nginx/access.log 
    && ln -sf /dev/stderr /var/log/nginx/error.log
COPY nginx.conf /etc/nginx/nginx.conf
EXPOSE 80
STOPSIGNAL SIGTERM
CMD ["nginx", "-g", "daemon off;"]

ຂ້ອຍຈະແກ້ໄຂ nginx.conf ທັນທີເພື່ອໃຫ້ gzip ແລະ brotli ຖືກເປີດໃຊ້ໂດຍຄ່າເລີ່ມຕົ້ນ. ຂ້ອຍຍັງຈະລວມເອົາສ່ວນຫົວຂອງຖານຄວາມຈໍາ, ເພາະວ່າພວກເຮົາຈະບໍ່ເຄີຍປ່ຽນແປງແບບຄົງທີ່. ແລະການສໍາພັດສຸດທ້າຍຈະເປັນການປ່ຽນເສັ້ນທາງທັງຫມົດ 404 ຄໍາຮ້ອງຂໍ index.html, ນີ້ແມ່ນມີຄວາມຈໍາເປັນສໍາລັບການນໍາທາງໃນ SPA.

nginx.conf

user nginx;
worker_processes  1;
error_log /var/log/nginx/error.log warn;
pid       /var/run/nginx.pid;
load_module /usr/lib/nginx/modules/ngx_http_brotli_static_module.so;
events {
    worker_connections 1024;
}
http {
    include      mime.types;
    default_type application/octet-stream;
    log_format main '$remote_addr - $remote_user [$time_local] "$request" '
                    '$status $body_bytes_sent "$http_referer" '
                    '"$http_user_agent" "$http_x_forwarded_for"';
    access_log /var/log/nginx/access.log main;
    sendfile on;
    keepalive_timeout 65;
    gzip_static   on;
    brotli_static on;
    server {
        listen      80;
        server_name localhost;
        charset utf-8;
        location / {
            root html;
            try_files $uri /index.html;
            etag on;
            expires max;
            add_header Cache-Control public;
            location = /index.html {
                expires 0;
                add_header Cache-Control "no-cache, public, must-revalidate, proxy-revalidate";
            }
        }
    }
}

ທ່ານສາມາດດາວໂຫລດຮູບພາບສໍາເລັດຮູບໄດ້ທີ່ນີ້: https://hub.docker.com/r/alexxxnf/nginx-spa. ມັນໃຊ້ເວລາເຖິງ 10,5 MB. nginx ຕົ້ນສະບັບໄດ້ເຖິງ 19,7 MB. ຄວາມສົນໃຈກິລາຂອງຂ້ອຍພໍໃຈ.

ການສອນສະຖິດເພື່ອເຂົ້າໃຈຕົວແປສະພາບແວດລ້ອມ

ເປັນຫຍັງຕ້ອງຕັ້ງຄ່າໃນ SPA? ຕົວຢ່າງ, ເພື່ອລະບຸວ່າຈະໃຊ້ RESTful API ໃດ. ໂດຍປົກກະຕິ, ການຕັ້ງຄ່າສະພາບແວດລ້ອມທີ່ຕ້ອງການຈະຖືກໂອນໄປຫາ SPA ໃນຂັ້ນຕອນການກໍ່ສ້າງ. ຖ້າທ່ານຕ້ອງການປ່ຽນແປງບາງສິ່ງບາງຢ່າງ, ທ່ານຈະຕ້ອງສ້າງຄໍາຮ້ອງສະຫມັກຄືນໃຫມ່. ຂ້ອຍບໍ່ຕ້ອງການມັນ. ຂ້ອຍຕ້ອງການໃຫ້ແອັບພລິເຄຊັນຖືກສ້າງຂຶ້ນຄັ້ງດຽວໃນຂັ້ນຕອນ CI, ແລະຕັ້ງຄ່າຫຼາຍເທົ່າທີ່ຈໍາເປັນໃນຂັ້ນຕອນ CD ໂດຍໃຊ້ຕົວແປສະພາບແວດລ້ອມ.

ແນ່ນອນ, ໄຟລ໌ຄົງທີ່ຕົນເອງບໍ່ເຂົ້າໃຈຕົວແປສະພາບແວດລ້ອມໃດໆ. ເພາະສະນັ້ນ, ທ່ານຈະຕ້ອງໃຊ້ trick ໄດ້. ໃນຮູບສຸດທ້າຍ, ຂ້ອຍຈະບໍ່ເປີດຕົວ nginx, ແຕ່ມີສະຄິບ shell ພິເສດທີ່ຈະອ່ານຕົວແປສະພາບແວດລ້ອມ, ຂຽນພວກມັນໃສ່ໄຟລ໌ຄົງທີ່, ບີບອັດພວກມັນ, ແລະພຽງແຕ່ໂອນການຄວບຄຸມໄປຫາ nginx.

ສໍາລັບຈຸດປະສົງນີ້, Dockerfile ສະຫນອງພາລາມິເຕີ ENTRYPOINT. ຂໍ​ໃຫ້​ລາວ​ຂຽນ​ບົດ​ຕໍ່​ໄປ​ນີ້ (ໃຊ້ Angular ເປັນ​ຕົວ​ຢ່າງ):

docker-entrypoint.sh

#!/bin/sh
set -e
FLAG_FILE="/configured"
TARGET_DIR="/etc/nginx/html"
replace_vars () {
  ENV_VARS='$(awk 'BEGIN{for(v in ENVIRON) print "

quot;v}')'

# В Angular ищем плейсхолдеры в main-файлах

for f in "$TARGET_DIR"/main*.js; do

# envsubst заменяет в файлах плейсхолдеры на значения из переменных окружения

echo "$(envsubst "$ENV_VARS" < "$f")" > "$f"

done

}

compress () {

for i in $(find "$TARGET_DIR" | grep -E ".css$|.html$|.js$|.svg$|.txt$|.ttf

quot;); do

# Используем максимальную степень сжатия

gzip -9kf "$i" && brotli -fZ "$i"

done

}

if [ "$1" = 'nginx' ]; then

# Флаг нужен, чтобы выполнить скрипт только при самом первом запуске

if [ ! -e "$FLAG_FILE" ]; then

echo "Running init script"

echo "Replacing env vars"

replace_vars

echo "Compressing files"

compress

touch $FLAG_FILE

echo "Done"

fi

fi

exec "$@"

ເພື່ອໃຫ້ສະຄຣິບເຮັດວຽກຂອງມັນ, ການຕັ້ງຄ່າຕ້ອງຖືກຂຽນໄວ້ໃນໄຟລ໌ js ໃນຮູບແບບນີ້: ${API_URL}.
ມັນເປັນມູນຄ່າທີ່ສັງເກດວ່າ SPAs ທີ່ທັນສະໄຫມສ່ວນໃຫຍ່ເພີ່ມ hashes ກັບໄຟລ໌ຂອງເຂົາເຈົ້າໃນເວລາທີ່ການກໍ່ສ້າງ. ນີ້ແມ່ນສິ່ງຈໍາເປັນເພື່ອໃຫ້ຕົວທ່ອງເວັບສາມາດເກັບໄຟລ໌ໄດ້ຢ່າງປອດໄພໃນເວລາດົນນານ. ຖ້າໄຟລ໌ມີການປ່ຽນແປງ, ຫຼັງຈາກນັ້ນ hash ຂອງມັນຈະປ່ຽນແປງ, ເຊິ່ງຈະເຮັດໃຫ້ຕົວທ່ອງເວັບດາວໂຫລດໄຟລ໌ອີກເທື່ອຫນຶ່ງ.
ແຕ່ຫນ້າເສຍດາຍ, ໃນວິທີການຂອງຂ້ອຍ, ການປ່ຽນແປງການຕັ້ງຄ່າໂດຍຜ່ານຕົວແປສະພາບແວດລ້ອມບໍ່ໄດ້ນໍາໄປສູ່ການປ່ຽນແປງຂອງໄຟລ໌ hash, ຊຶ່ງຫມາຍຄວາມວ່າ cache ຂອງຕົວທ່ອງເວັບຕ້ອງບໍ່ຖືກຕ້ອງໃນທາງອື່ນ. ຂ້ອຍບໍ່ມີບັນຫານີ້ເພາະວ່າການຕັ້ງຄ່າທີ່ແຕກຕ່າງກັນຖືກນໍາໄປໃຊ້ໃນສະພາບແວດລ້ອມທີ່ແຕກຕ່າງກັນ.
ເອົາຮູບສຸດທ້າຍຮ່ວມກັນ
ສຸດທ້າຍ.
dockerfile
# Первый базовый образ для сборки
FROM alexxxnf/spa-builder as builder
# Чтобы эффктивнее использовать кэш Docker-а, сначала устанавливаем только зависимости
COPY ./package.json ./package-lock.json /app/
RUN cd /app && npm ci --no-audit
# Потом собираем само приложение
COPY . /app
RUN cd /app && npm run build -- --prod --configuration=docker

# Второй базовый образ для раздачи
FROM alexxxnf/nginx-spa
# Забираем из первого образа сначала компрессор
COPY --from=builder /usr/local/bin/brotli /usr/local/bin
# Потом добавляем чудо-скрипт
COPY ./docker/docker-entrypoint.sh /docker-entrypoint.sh
# И в конце забираем само приложение
COPY --from=builder /app/dist/app /etc/nginx/html/
ENTRYPOINT ["/docker-entrypoint.sh"]
CMD ["nginx", "-g", "daemon off;"]
ໃນປັດຈຸບັນຮູບພາບຜົນໄດ້ຮັບສາມາດໄດ້ຮັບການປະກອບແລະນໍາໃຊ້ທຸກບ່ອນ.
ແຫຼ່ງຂໍ້ມູນ: www.habr.com