TODO app ini adalah contoh app untuk mendemokan proses membuat aplikasi dengan Docker, terdiri dari:
- Frontend dengan Vue JS framework
- Backend dengan Golang
- Database dengan Postgres
Semua komponen dipackage dengan docker
Dari Video ke-8
Step 1: Jalankan Postgres
docker run -p 5432:5432 --name todo-postgres -e POSTGRES_USER=postgres -e POSTGRES_PASSWORD=rahasia -e POSTGRES_DB=belajar -v $(pwd)/postgres/init.sql:/docker-entrypoint-initdb.d/init.sql -d postgresStep 2: Export konfigurasi database sebagai environment variabel
export DB_HOST=localhost
export DB_PORT=5432
export DB_USER=postgres
export DB_PASSWORD=rahasia
export DB_DATABASE=belajarStep 3: Jalankan Backend Golang app di lokal komputer
go run backend/main.goStep 4: Jalankan Frontend JS app di lokal komputer
cd frontend
yarn install
yarn serveStep 5: Buka browser untuk mulai mengakses app TODO
http://localhost:8081Step 6: Cek input TODO tersimpan di database
docker exec -it todo-postgres psql -U postgres -W belajar
SELECT * FROM todo;Dari Video ke-9 dan ke-10
Step 1: Buat Docker Network
docker network create todoStep 2: Jalankan Docker postgres di dalam network
docker run -d \
-p 5432:5432 \
--name todo-postgres \
-e POSTGRES_USER=postgres \
-e POSTGRES_PASSWORD=rahasia \
-e POSTGRES_DB=belajar \
-v $(pwd)/postgres/init.sql:/docker-entrypoint-initdb.d/init.sql \
--network todo \
postgresStep 3: Buat docker image untuk backend
cd backend
docker build -t todo-backend:v1 .Step 4: Jalankan backend sebagai docker container di dalam network
docker run -d \
-p 8080:8080 \
--name todo-backend \
-e DB_USER=postgres \
-e DB_PASSWORD=rahasia \
-e DB_HOST=todo-postgres \
-e DB_PORT=5432 \
-e DB_DATABASE=belajar \
--network todo \
todo-backend:v1Step 5: Buat docker image untuk frontend
cd frontend
docker build -t todo-frontend:v1 .Step 6: Jalankan frontend sebagai docker container
docker run -d \
-p 8081:8080 \
--name todo-frontend \
--network todo \
todo-frontend:v1
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent