Angular di Docker | Devlin Duldulao

Ini adalah demo bagaimana Anda dapat memasukkan aplikasi Angular ke dalam container.

.dockerignore

Dockerfile

### STAGE 1: Build ###
FROM node:12.18.2-alpine AS buildxyz
WORKDIR /usr/src/app
COPY package.json package-lock.json ./
RUN npm install
COPY . .
RUN npm run build
### STAGE 2: Run ###
FROM nginx:1.19-alpine
COPY nginx.conf /etc/nginx/nginx.conf
COPY --from=buildxyz /usr/src/app/dist/angular-client-app /usr/share/nginx/html

Melakukan Docker pada aplikasi Angular

Masuk ke Docker Hub

$ docker login

Buat wadah Angular. Jangan lupa titik spasi yang disertakan di bagian akhir.

$ docker build -t {yourDockerUsername}/angular-app:1.0.0 .

Uji wadah Angular dengan menjalankannya. Ini harus terlihat di localhost: 8080

$ docker run -p 8080:80 {yourDockerUsername}/angular-app:1.0.0

Dorong container ke repositori akun Docker Hub Anda

$ docker push {yourDockerUsername}/angular-app:1.0.0

Buka DockerHub untuk melihat Anda baru saja menerbitkan container Docker.

https://hub.docker.com/search?type=image

Itu dia! Sampai jumpa lagi lain kali! Damai!