Unable to serve Angular application through minikube (Kubenetes) on Windows


Unable to serve Angular application through minikube (Kubenetes) on Windows



I am running Docker for Windows and Minikube (Kubernetes) to serve an Angular application. The angular application is served using ng serve and is working properly on windows. I created the below Dockerfile:


ng serve


# Use an official Nodejs runtime as a parent image
FROM node:6.10.3

#Create an unprivileged user 'app'
#Install dependencies
RUN useradd --user-group --create-home --shell /bin/false app &&
npm install -g grunt-cli &&
npm install -g @angular/cli

# Define environment variable
ENV ENVIRONMENT="dev" HOME=/home/app

#Copy the code to the image
COPY . $HOME/frontend/

#Chmod the files to allow unprivileged user 'app' to read/write
RUN chown -R app:app $HOME/*

#Use unprivileged user 'app' to run the app inside the container
USER app

#Set Current Working Directory of the runtime
WORKDIR $HOME/frontend

#Install NPM dependencies
RUN npm install

# Make port 8080 and 4200 available to the world outside this container
EXPOSE 4200

# Start the webpack server when the container launches
CMD ng serve



I have my environment variables set in windows for minikube along with my Docker variables (minikube docker-env)


DOCKER_API_VERSION
DOCKER_CERT_PATH
DOCKER_HOST
DOCKER_MACHINE_NAME
DOCKER_TLS_VERIFY



I built the Docker image and tagged it as v1 :


docker build -t frontend:v1 .



I deployed the POD from the image and exposed the deployment:


kubectl run frontend --image=frontend:v1 --port=4200
kubectl expose deployment frontend --type=LoadBalancer



The kubectl get pods is showing my pod as running and kubectl get deployments is showing that my deployment is available


kubectl get pods


kubectl get deployments



I executed a curl using kubectl exec curl localhost:4200, which executes on the container, and it is properly returning my page but when I try to run my service using minikube service frontend it opens the browser but can't reach my application.


kubectl exec curl localhost:4200


minikube service frontend



It is worth noting that I did the same exact steps with a normal Nodejs application running using node server.js and it is served correctly using the same exact steps.


node server.js



Any idea why my angular application is not served over Kubernetes when started using ng serve or how to go about figuring out what is the issue? I can see the mappings are correct from the Kubernetes Dashboard.




3 Answers
3



This is probably more related to angular-cli. ng serve only binds to localhost by default. Therefore your docker container is not listening on it's public IP address.


ng serve


localhost



Try to use:


ng serve --host 0.0.0.0





I can't thank you enough! That was it.
– ALYS
Jan 9 at 14:59



Minikube doesn't really support service type of LoadBalancer. It won't puke on it, but you should read up on what that really means. Do


minikube service list



to see an actual endpoint you can hit. The point from Sebastian may still apply





Seems to work fine. github.com/kubernetes/minikube/issues/384 - "LoadBalancer services run fine on minikube, just with no real external load balancer created. LoadBalancer services get a node port assigned too so you can access services via minikube service <name> to open browser or add --url flag to output service URL to terminal."
– ALYS
Jan 9 at 15:02






Exactly. You ask for a load balancer but none is created
– Lev Kuznetsov
Jan 9 at 16:02



Try exposing port 80 instead of 4200 i.e.


80


4200


kubectl run frontend --image=frontend:v1 --port=80






By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Comments

Post a Comment

Popular posts from this blog

paramiko-expect timeout is happening after executing the command

paramiko-expect timeout is happening after executing the command Can someone help me why timeout is happening after executing the command .I am trying to SSH to a machine and execute a command.I want to store the result of the executed command . I have referred paramiko-timeout but i didn't get my expected result. import traceback try: import paramiko except ImportError: raise Exception("Please install paramiko , pip install paramiko") import pexpect from paramiko_expect import SSHClientInteraction def main(): HOSTNAME = "minion5.net" USERNAME = "root" PASSWORD = "help@432" PROMPT = "root@*:~$s+" try: client = paramiko.SSHClient() client.load_system_host_keys() client.set_missing_host_key_policy(paramiko.AutoAddPolicy()) client.connect(hostname=HOSTNAME, username=USERNAME, password=PASSWORD) with SSHClientInteraction(client, timeout=20, display=True) as interact: ...
Read more

Export result set on Dbeaver to CSV

Export result set on Dbeaver to CSV Normally I use Dbeaver for windows and always export my result set like this: run my query --> select the result --> export the result set --> select export to clipboard --> done This step by step puts my result set in my clipboard and I can paste it wherever I want to work with it. The problem is that now I am using dbeaver for mac and this guide is not working. I can go on until the moment that I select my result set like in the image below: exporting data set But once I go further in the process, in the last step I get: no query Note that in "source" it was suppose to show the query that originated the result set, but instead it says just "select. As a result it does't select my result or anything (besides being "successful"). Normally my query would show up there automatically and I couldn't find any option that corrects this problem in the menus. Please help me! Thanks. Aft...
Read more

Opening a url is failing in Swift

Opening a url is failing in Swift breakpointing inside the callback and logging success shows false. I added itms-apps to my plist: LSApplicationQueriesSchemes and put this in my app delegate: func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool { return true } func moreTapped() { let url = NSURL(string: "itms-apps://itunes.com/developer/quantum-productions/id979315877") if #available(iOS 10.0, *) { UIApplication.shared.open(url! as URL, options: [:], completionHandler: {(success: Bool) in }) } else { UIApplication.shared.openURL(url! as URL) } } Are you testing on a real device? – rmaddy Jun 21 at 23:57 I try on a device, get "Cannot Connect to App Store". Device is online ...
Read more