K
Q

Multiple React Apps in a single LoadBalancer on GKE

2/14/2019

I would like to deploy 2 different react apps (exposed as Nodeport services) in a single kubernetes cluster. Exposing them on separate ingresses work fine and i see the react page for each. i.e. for service web1

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: fanout-ingress-1
spec:
  rules:
  - http:
      paths:
      - path: /*
        backend:
          serviceName: web1
          servicePort: 5000

Same works with serviceName: web2. However, Trying to merge both as a fanout ingress only shows one of the services (web1):

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: fanout-ingress
  annotations:
    kubernetes.io/ingress.class: "gce"
    ingress.kubernetes.io/rewrite-target: /
spec:
  rules:
  - http:
      paths:
      - path: /*
        backend:
          serviceName: web1
          servicePort: 5000
      - path: /web2/*
        backend:
          serviceName: web2
          servicePort: 5000

Is it possible to expose 2 react apps on a single Ingress?

-- AdsoOfMelk
docker
google-kubernetes-engine
kubernetes
kubernetes-ingress
reactjs

Similar Questions

Kubernetes service in HostAliases
Finding the URL for an AKS Cluster
How to apply Kubernetes YAML files to AWS EKS using Ansible Tower/AWX?
Kubernetes : GKE | HPA is not scaling pods even though the memory utilization is greater/equal to target value
Is a mutating admission webhook able the change the resource's group, version or kind
Pod is not able to connect to internet

1 Answer

2/14/2019

Yes it's possible but I think your second path (path: /web2/) will be ignored since the first one (path: /) routes everything after / to web1. Try changing the first route to something like (path: /web1/*). Something like this:

apiVersion: extensions/v1beta1
kind: Ingress
metadata:
  name: fanout-ingress
  annotations:
    kubernetes.io/ingress.class: "gce"
    ingress.kubernetes.io/rewrite-target: /
spec:
  rules:
  - http:
      paths:
      - path: /web1/*
        backend:
          serviceName: web1
          servicePort: 5000
      - path: /web2/*
        backend:
          serviceName: web2
          servicePort: 5000
-- Shane
Source: StackOverflow