How to deploy dist.zip VueJS Project on a cutomized Nginx image with SSL - Using a Dockerfile

let's assume you have already activated your certificate SSL so in other words, you have got the cert-chain.crt and the server.key or whatever name you've given to it, and let's assume you've got an nginx.conf  file working already,  let's create a folder in which you're going to create your Docker Image

and copy in there the next files:

cert-chain.crt

server.key

dist.zip

nginx.conf

this is the nginx.conf on centos

user nginx; worker_processes auto; error_log /var/log/nginx/error.log; pid /run/nginx.pid; # Load dynamic modules. See /usr/share/doc/nginx/README.dynamic. include /usr/share/nginx/modules/*.conf; events {     worker_connections 1024; } http {     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;     tcp_nopush          on;     tcp_nodelay         on;     keepalive_timeout   65;     types_hash_max_size 2048;     include             /etc/nginx/mime.types;     default_type        application/octet-stream;     # Load modular configuration files from the /etc/nginx/conf.d directory.     # See http://nginx.org/en/docs/ngx_core_module.html#include     # for more information.     include /etc/nginx/conf.d/*.conf;     server { # with this, we are redirecting traffic from 80 to https 443      listen 80 default_server;       server_name sslbackendtest.xyz;       return 301  https://sslbackendtest.xyz$request_uri;     }     server {       listen 443 ssl;           ssl_certificate /etc/ssl/cert-chain.crt;       ssl_certificate_key /etc/ssl/server.key;       server_name  https://sslbackendtest.xyz;       access_log /var/log/nginx/nginx.vhost.access.log;       error_log /var/log/nginx/nginx.vhost.error.log;       root    /var/www/html/dist;         location / {         root /var/www/html/dist;         try_files $uri /index.html;       }     } }

let's create a file called Dockerfile, and inside of it let's paste 

FROM nginx RUN apt-get update && apt-get install unzip COPY nginx.conf /etc/nginx/ COPY cert-chain.crt /etc/ssl/ COPY server.key /etc/ssl/ COPY dist.zip /var/www/html/ WORKDIR /var/www/html/ RUN unzip /var/www/html/dist.zip RUN chown -R nginx:nginx /var/www/html/dist

now let's create it with the command docker build -t nginx1 .

I gave it the name nginx1, give it the name as you want

now let's open the port 443 in the firewall with 

firewall-cmd --zone="public" --add-port=443/tcp --permanent

to run it 

docker run -p 443:443 --name nginxcontainer1 nginx1

Getting to the shell container:

If you need now to get to the shell, run this
docker exec -it --user root nginxcontainer1 bash

We have been able to deploy the Nginx app building the image and running it into a container,
now let's run it in the background or (Detached mode)


docker run -d --rm -p 443:443 --name nginxcontainer1 nginx1

-d = it means detached mode
-rm = it means if the container is running, it removes it before starting it again
-p = it is the port from the host forwarded to the container port
--name = it is the name of the container, in this case, nginxcontainer1 

if you want to know if the container is running, just run docker container ps -a or docker container ls