Revision history [back]

To access localhost while running an Angular application within a Kubernetes cluster, you will need to configure your Kubernetes deployment to use a port-forwarding mechanism. Here are the steps you can follow:

1. First, create a deployment file to deploy the Angular application on Kubernetes. You can use the following YAML file as a template:

apiVersion: apps/v1
kind: Deployment
metadata:
  name: angular-app
  labels:
    app: angular-app
spec:
  replicas: 1
  selector:
    matchLabels:
      app: angular-app
  template:
    metadata:
      labels:
        app: angular-app
    spec:
      containers:
        - name: angular-app
          image: your-angular-image
          ports:
            - containerPort: 4200

1. In the above YAML file, the Angular application is configured to run on port 4200. To expose this port, create a Kubernetes service for the Angular deployment by creating a service YAML file with the following content:

apiVersion: v1
kind: Service
metadata:
  name: angular-service
spec:
  selector:
    app: angular-app
  ports:
    - name: http
      port: 80
      targetPort: 4200
  type: NodePort

1. In the above YAML file, the service is configured to run on port 80 and target port 4200, which is the port on which the Angular application is running. The service is also configured to use NodePort, which maps the container port to a port on the node.

2. With the Kubernetes deployment and service files defined, deploy them to your Kubernetes cluster using the following kubectl commands:

kubectl apply -f deployment.yml
kubectl apply -f service.yml

1. After the deployment and service are created, access the Angular application through the NodePort, which maps the container port to a port on the node. To get the NodePort, run the following command:

kubectl get services

1. Find the NodePort assigned to the angular-service, and use it to access the Angular application within the Kubernetes cluster by using your Kubernetes cluster IP or hostname followed by the NodePort.

2. You should now be able to access the Angular application within the Kubernetes cluster through a browser or other HTTP client.