DEV Community: Arthur William

Dockerize and deploy🚀 your Angular App with a secure endpoint 🔐(HTTPS) using ChatGPT3🤖

Arthur William — Sun, 05 Feb 2023 09:36:28 +0000

First of all, I’ll explain to you how to do that without ChatGPT, and after I’ll give you some commands that you can use in ChatGPT to do it.

Part 1: Dockerize your angular application

1. Create a Dockerfile in your angular project

# Stage 1
FROM node:19.6.0-alpine3.17 AS build
WORKDIR /app
COPY package.json package-lock.json .
RUN npm ci
COPY . .
RUN npm run build --prod

# Stage 2
FROM nginx:alpine
## add permissions for nginx user
RUN chown -R nginx:nginx /var/cache/nginx && \
        chown -R nginx:nginx /var/log/nginx && \
        chown -R nginx:nginx /etc/nginx/conf.d
RUN touch /var/run/nginx.pid && \
        chown -R nginx:nginx /var/run/nginx.pid
#switch to nginx user        
USER nginx
COPY --from=build /app/dist/weather-app /usr/share/nginx/html
CMD ["nginx", "-g", "daemon off;"]

Explanation

We use a dockerfile with 2 stages:

the first one to build our angular application
the second is to make an image of our angular app from an Nginx image

WORKDIR /app: navigate to app/ folder
npm ci: npm clean install

Best practices

As a best practice, we‘re building our image from an alpine version of Nginx to get the smaller size possible for our image.
We’re also using a non-root user to minimalize the privilege in our container.
The multi-stage Dockerfile allows us to build an image without the useless heavy package used to build our application.

2. Run the following commands to build and push your image.

docker build -t $DOCKERHUB_USERNAME/weather-app:1.0 .
docker login -u $DOCKERHUB_USERNAME -p $DOCKERHUB_PASSWORD
docker push $DOCKERHUB_USERNAME/weather-app:1.0

Part 2: Create a VPS and a domain name

Create a virtual machine instance on AWS for free with the ubuntu os and instance type t2.micro
Download the private key of your instance and run the command ssh -i PRIVATE_KEY_FILE_NAME.pem ubuntu@VM_PUBLIC_IP
And create a domain name for your application for free on No-IP and link it to the public IP of your VPS

Part 3: Deploy your application

1. Create a docker-compose file in your VPS

version: "3.3"
services:
  weather-app:
    container_name: weather-app
    image: "wi11i4m/weather-app:1.0"
    #ports:
    #  - "80:80"
    environment:
      VIRTUAL_HOST: weather-app.ddns.net
      LETSENCRYPT_HOST: weather-app.ddns.net

  nginx-proxy:
    container_name: nginx-proxy
    image: jwilder/nginx-proxy:alpine
    ports:
      - "80:80"
      - "443:443"
    environment:
      DHPARAM_GENERATION: "false" # disable auto param generation
    volumes:
      - /var/run/docker.sock:/tmp/docker.sock:ro # allow nginx to interact with docker
      - ./etc/nginx/certs:/etc/nginx/certs # certificate
      - ./etc/nginx/vhost.d:/etc/nginx/vhost.d # host
      - nginx_proxy_html:/usr/share/nginx/html # store our web app

  nginx-proxy-letencrypt:
    container_name: nginx-proxy-letsencrypt
    image: jrcs/letsencrypt-nginx-proxy-companion
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock:ro # allow nginx to interact with docker
      - ./etc/nginx/certs:/etc/nginx/certs # certificate
      - ./etc/nginx/vhost.d:/etc/nginx/vhost.d # host
      - nginx_proxy_html:/usr/share/nginx/html # store our web app
    environment:
      DEFAULT_EMAIL: example@gmail.com
      NGINX_PROXY_CONTAINER: nginx-proxy

volumes:
  nginx_proxy_html:

Replace wi11i4m/weather-app:1.0 with your docker image and example.ddns.net with the domain name you just created

2. Run the docker-compose file by using `docker-compose up -d`

After that, you can visit your app by using your domain name

If you get the page doesn't load, verify that you allowed port 443 (HTTPS) on your VPS.

Top fun🤩 Linux cmd🔥to try right now ✅

Arthur William — Sun, 10 Apr 2022 16:52:44 +0000

This is my favorite command to have fun when using linux.

1. cmd sl ⚡

How to install ? > Ubuntu :

sudo apt install -y sl

Centos :

sudo yum install -y sl

How to use ?

sl

while true; do sl ; done;

2. cmd lolcat ⚡

How to install ? > Ubuntu :

sudo snap install lolcat-c

Centos : (install snap with sudo yum install -y snapd if you don't have)

sudo snap install lolcat-c

How to use ? This command take the output from another command and adds rainbow coloring to it.

echo "Ubuntu > 2*Windows 11" | lolcat

or you can try that with the cmd sl

while true; do sl | lolcat ; done;

Don't work with older version of lolcat.

3. cmd cmatrix ⚡

How to install ? > Ubuntu :

sudo apt install -y cmatrix

Centos :

sudo yum install -y cmatrix

How to use ?

cmatrix

4. cmd aafire ⚡

How to install ? > Ubuntu :

sudo apt install -y libaa-bin

Centos :

sudo yum install -y aalib

How to use ?

aafire

5. cmd cowsay ⚡

How to install ? > Ubuntu :

sudo apt install -y cowsay

Centos :

sudo yum install -y cowsay

How to use ?

cowsay I love DevOps | lolcat

6. cmd asciiquarium ⚡

How to install ? (install snap with sudo apt install -y snapd in Ubuntu or sudo yum install -y snapd in Centos if you don't have) > Ubuntu :

snap install asciiquarium

Centos :

snap install asciiquarium

How to use ?

asciiquarium

7. cmd figlet ⚡

How to install ?

sudo snap install figlet

How to use ?

figlet Linux is Fun

or with lolcat

echo -e "Don't touch \nmy Laptop" | figlet | lolcat

Don't forget to try that right now🤨!!!

Deploy your development infrastructure with 1 cmd💡

Arthur William — Thu, 07 Apr 2022 08:33:23 +0000

Vagrant is command line utility for managing the lifecycle of virtual machines. It help you to deploy a cluster of server with just one command line. And for that, we only need to create vagrantfile which will contain configuration of the VM you want to deploy.

Vagrant will create VM based on the Virtualisation software you're using. In my case, I'll use Virtualbox. But it's also work with VMware, Docker, Hyper-V or a custom provider (AWS). These virtualisation tools are called Providers in Vagrant.

A pratical use case of vagrant can be : "In a company, if a developer want to test a feature on his computer before pushing to production, he can use a vagrantfile build by for example a devops engineer and get all an infrastructure similar to production".

The image above present global architecture of Vagrant.

Get Started with Vagrant

I'm using Ubuntu 20.04 for this lab

How to install vagrant ?

Before installing vagrant, you need to install virtualisation tool for example virtualbox in case. Run the command below if you want to use virtualbox and it's not installed.

sudo apt update
sudo apt install virtualbox -y

Add repository addition dependencies if it's not installed on your system.

sudo apt install -y apt-transport-https \
                    ca-certificates \
                    curl \
                    software-properties-common

Add the official Vagrant APT repository to your system

curl -fsSL https://apt.releases.hashicorp.com/gpg | sudo apt-key add -
sudo apt-add-repository "deb [arch=amd64] https://apt.releases.hashicorp.com $(lsb_release -cs) main"

And finaly run command below to install vagrant

sudo apt update
sudo apt install vagrant -y
vagrant --version

How to use Vagrant ?

Vagrantfile

We'll use a simple vagrantfile for this tuto. You can check the full documentation on how to create vagrantfile here.

# -*- mode: ruby -*-
# vi: set ft=ruby :

BRIDGE_NETWORK = "Realtek RTL8852AE WiFi 6 802.11ax PCIe Adapter"
#replace with with your bridge network

### Master (Kubernetes Master Node)
MASTER_RAM = 4096
MASTER_CPU = 4

### Cluster nodernetes
N = 2
RAM = 2048
CPU = 2
PRIVATE_IP_PREFIX = "192.168.130."
PUBLIC_IP_PREFIX = "192.168.1."

Vagrant.configure("2") do |config|
  config.vm.provision "shell", inline: "echo Hello"

  (1..N).each do |machine_id|
    config.vm.define "node-0#{machine_id}" do |node|
      node.vm.box = "peru/ubuntu-20.04-server-amd64"
      node.vm.hostname = "node-0#{machine_id}"
      node.vm.provider "virtualbox" do |v|
        v.name = "node-0#{machine_id}"
        v.memory = RAM
        v.cpus = CPU
      end
      node.vm.network "public_network", bridge: BRIDGE_NETWORK, ip: "#{PUBLIC_IP_PREFIX}#{170+machine_id}"
      node.vm.network "private_network", ip: "#{PRIVATE_IP_PREFIX}#{170+machine_id}"
      # config.vm.provision "ansible" do |ansible|
      #   ansible.playbook = "ansible-playbook/site_staging.yml"
      # end
#you can use playbook there to configure your vm after their creation
    end
  end

  config.vm.define "master" do |master|
    master.vm.box = "peru/ubuntu-20.04-server-amd64"
    master.vm.provider "virtualbox" do |v|
      v.name = "master"
      v.memory = MASTER_RAM
      v.cpus = MASTER_CPU
    end
    master.vm.network "public_network", bridge: BRIDGE_NETWORK, ip: "#{PUBLIC_IP_PREFIX}#{170}"
    master.vm.network "private_network", ip: "#{PRIVATE_IP_PREFIX}#{170}"
  end

end

This image present code in vagrantfile for configuration of a VM worker node in Kubernetes Cluster. Full Code here

Deploy a Cluster with Vagrant

After writing your vagrantfile, we just need to run the command vagrant up to create our cluster.

vagrant validate //look for error in our vagrantfile
vagrant up

Delete the cluster by using the command below

vagrant destroy

Remote ssh to your VM using the command below

ssh vagrant@ip //ip of the VM your want to connect

The default username and password in VM create with vagrant is vagrant.

DEV Community: Arthur William

Dockerize and deploy🚀 your Angular App with a secure endpoint 🔐(HTTPS) using ChatGPT3🤖

Part 1: Dockerize your angular application

1. Create a Dockerfile in your angular project

Explanation

Best practices

2. Run the following commands to build and push your image.

Part 2: Create a VPS and a domain name

Part 3: Deploy your application

1. Create a docker-compose file in your VPS

2. Run the docker-compose file by using docker-compose up -d

Top fun🤩 Linux cmd🔥to try right now ✅

1. cmd sl ⚡

2. cmd lolcat ⚡

3. cmd cmatrix ⚡

4. cmd aafire ⚡

5. cmd cowsay ⚡

6. cmd asciiquarium ⚡

7. cmd figlet ⚡

Deploy your development infrastructure with 1 cmd💡

Get Started with Vagrant

How to install vagrant ?

How to use Vagrant ?

Vagrantfile

Deploy a Cluster with Vagrant

2. Run the docker-compose file by using `docker-compose up -d`