Deploy a Sample Live Angular frontend microservice on Cloud Kubernetes Cluster 2022

 


At first setup nginx ingress on your managed cloud kubernetes cluster

create a helm-install.sh and replace the your-cluster-name here with cluster-name

#src : https://docs.microsoft.com/en-us/azure/aks/ingress-tls

helm repo add ingress-nginx https://kubernetes.github.io/ingress-nginx
# changes context to stage
kubectl config use-context your-cluster-name

# Create a namespace for your ingress resources
kubectl create namespace nginx-ingress

# Use Helm to deploy an NGINX ingress controller
helm upgrade --install ingress-nginx ingress-nginx/ingress-nginx \
--namespace nginx-ingress \
--set controller.replicaCount=3 \
-f internal-ingress-web.yaml \
--set controller.nodeSelector."kubernetes\.io/os"=linux \
--set defaultBackend.nodeSelector."kubernetes\.io/os"=linux

Give it to execute permission

chmod +x ./helm-install.sh

Then create the config yaml named internal-ingress-web.yaml

controller:
config:
use-forwarded-headers: "true"
server-tokens: "False"
client-header-buffer-size: 64k
proxy-buffer-size: 64k
proxy-body-size: 10m
#proxy-read-timeout: "600"
#proxy-send-timeout: "600"

Then run ./helm-install.sh

Check pod, services, and external load balancer ip

kubectl get po -n nginx-ingress

kubectl get svc -n nginx-ingress

Then create the deployment.yaml, service.yaml, and ingress.yaml

deployment.yaml

apiVersion: apps/v1
kind: Deployment
metadata:
name: webclient-angular-crud
spec:
selector:
matchLabels:
app: webclient-angular-crud
replicas: 1
template:
metadata:
labels:
app: webclient-angular-crud
spec:
containers:
- name: webclient-angular-crud
image: shawon10/webclient-angular-crud:85
imagePullPolicy: Always
ports:
- containerPort: 80

service.yaml

apiVersion: v1
kind: Service
metadata:
name: webclient-angular-crud-service
spec:
selector:
app: webclient-angular-crud
ports:
- protocol: "TCP"
port: 80
type: ClusterIP

ingress.yaml

Change the domain here and replace with your own domain

apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
annotations:
kubernetes.io/ingress.class: nginx
nginx.ingress.kubernetes.io/configuration-snippet: |
more_set_headers "X-Frame-Options: Deny";
more_set_headers "X-Xss-Protection: 1; mode=block";
more_set_headers "X-Content-Type-Options: nosniff";
name: webclient-angular-crud-ingress
spec:
rules:
- host: microservices.cloudageskill.com
http:
paths:
- backend:
service:
name: webclient-angular-crud-service
port:
number: 80
path: /
pathType: ImplementationSpecific

Finally apply all

kubectl apply -f .

Check the pods

kubectl get po

Then go to your domain dns management and add A records and point to your nginx ingress Loadbalancer external ip

Finally access the frontend site live....

Check this video for details






Share on Google Plus

About Ashadullah Shawon

I am Ashadullah Shawon. I am a Software Engineer. I studied Computer Science and Engineering (CSE) at RUET. I Like To Share Knowledge. Learn More: Click Here
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment