verified on intel macbook

Author: jojozhuang

Dockerfile

@@ -1,10 +1,10 @@
 # Usage:
 #
 #    Build image:
-#    docker build -t jojozhuang/text-compare-angular-arm . -f Dockerfile-ARM 
+#    docker build -t jojozhuang/text-compare-angular .
 #
 #    Run image (on localhost:12010):
-#    docker run -d --name text-compare -p 12010:80 jojozhuang/text-compare-angular-arm
+#    docker run -d --name text-compare -p 12010:80 jojozhuang/text-compare-angular
 #
 #    Run image as virtual host (read more: https://github.com/nginx-proxy/nginx-proxy):
 #    docker run -e VIRTUAL_HOST=text-compare.your-domain.com --name text-compare jojozhuang/text-compare-angular
@@ -22,7 +22,7 @@ RUN npm ci --quiet && npm run build-nas
 
 # Stage 2, based on Nginx, to have only the compiled app, ready for production with Nginx
 
-FROM arm64v8/nginx
+FROM nginx:1.19.8-alpine
 
 COPY ./nginx.conf /etc/nginx/conf.d/default.conf
 

Dockerfile-old renamed to Dockerfile-arm

@@ -1,10 +1,10 @@
 # Usage:
 #
 #    Build image:
-#    docker build -t jojozhuang/text-compare-angular .
+#    docker build -t jojozhuang/text-compare-angular-arm . -f Dockerfile-ARM 
 #
 #    Run image (on localhost:12010):
-#    docker run -d --name text-compare -p 12010:80 jojozhuang/text-compare-angular
+#    docker run -d --name text-compare -p 12010:80 jojozhuang/text-compare-angular-arm
 #
 #    Run image as virtual host (read more: https://github.com/nginx-proxy/nginx-proxy):
 #    docker run -e VIRTUAL_HOST=text-compare.your-domain.com --name text-compare jojozhuang/text-compare-angular
@@ -22,7 +22,7 @@ RUN npm ci --quiet && npm run build-nas
 
 # Stage 2, based on Nginx, to have only the compiled app, ready for production with Nginx
 
-FROM nginx:1.19.8-alpine
+FROM arm64v8/nginx
 
 COPY ./nginx.conf /etc/nginx/conf.d/default.conf
 

README.md

@@ -40,6 +40,18 @@ docker run --name text-compare-angular -p 8080:80 text-compare-angular
 ```
 Access http://localhost:8080/ in web browser and click 'Text Compare' menu, enjoy!
 
+# Setup in K8s
+
+```sh
+# 1. Build image
+docker build -t text-compare-angular .
+# 2. Deploy to k8s:
+kubectl apply -f k8s/text-compare.yaml
+# 3. Create service in minikube:
+minikube service text-compare-service
+# 4. Web browser will be opened automatically to access the site.
+```
+
 # Deployment
 Read tutorial [Deploying Text Compare Angular App to Docker](https://jojozhuang.github.io/tutorial/deploying-text-compare-angular-app-to-docker) to learn how this angular app is deployed to Docker.
 

k8s/text-compare.yaml

@@ -1,11 +1,11 @@
 # Setup loocally
-# 1. Build image for ARM platform
-# docker build -t text-compare-angular-arm . -f Dockerfile-ARM 
-# 2. Deploy to k8s: 
+# 1. Build image
+# docker build -t text-compare-angular .
+# 2. Deploy to k8s:
 # kubectl apply -f k8s/text-compare.yaml
-# 3. Create service in minikube: 
+# 3. Create service in minikube:
 # minikube service text-compare-service
-# 4. Access the url from step 3.
+# 4. Web browser will be opened automatically to access the site.
 
 apiVersion: apps/v1
 kind: Deployment