Deploying a TypeScript Express App to GKE Using Docker and Artifact Registry

This guide walks you through the steps to create a TypeScript Express app, containerize it with Docker, and deploy it to Google Kubernetes Engine (GKE) using Google Artifact Registry. 1. Create a TypeScript Express App Initialize the Project: mkdir ts_express_server cd ts_express_server npm init -y Install Required Packages: npm install express cors npm install --save-dev typescript @types/node @types/express @types/cors Set Up TypeScript: Create a tsconfig.json file: { "compilerOptions": { "outDir": "./dist", "module": "commonjs", "target": "es6", "strict": true }, "include": ["src/**/*"] } Write the Server Code: Create src/server.ts: import express, { Request, Response } from "express"; import Cors from "cors"; const app = express(); app.use(express.json()); app.use(Cors()); app.get("/api", (req: Request, res: Response) => { res.status(200).json({ message: "Server up " + new Date().toISOString() }); }); app.listen(8090, () => { console.log("Server listening on port 8090"); }); Build the App: Add build scripts to package.json: "scripts": { "build": "tsc", "start": "node dist/server.js" } Build the app: npm run build 2. Create a Docker Image Write a Dockerfile: FROM node:18-alpine WORKDIR /app COPY package*.json ./ RUN npm install COPY . . RUN npm run build EXPOSE 8090 CMD ["npm", "run", "start"] Build the Docker Image: docker build -t emirob/emi-repo:my-express-app . Push the Image to Docker Hub: docker tag emirob/emi-repo:my-express-app emirob/emi-repo:my-express-app docker push emirob/emi-repo:my-express-app 3. Set Up GCP for Artifact Registry and GKE Enable Required APIs: Go to the Google Cloud Console. Enable the Artifact Registry API. Enable the Kubernetes Engine API. Set Your Project in Cloud Shell: export PROJECT_ID=gketest-448214 gcloud config set project $PROJECT_ID Create an Artifact Registry Repository: gcloud artifacts repositories create emi-repo --repository-format=docker --location=us-west1 --description="Docker repo" Authenticate Docker with GCP: gcloud auth configure-docker us-west1-docker.pkg.dev 4. Push the Docker Image to Artifact Registry Pull the Image from Docker Hub: docker pull emirob/emi-repo:my-express-app Tag the Image for Artifact Registry: docker tag emirob/emi-repo:my-express-app us-west1-docker.pkg.dev/gketest-448214/emi-repo/my-express-app:latest Push the Image to Artifact Registry: docker push us-west1-docker.pkg.dev/gketest-448214/emi-repo/my-express-app:latest Verify the Image: gcloud artifacts docker images list us-west1 docker.pkg.dev/gketest-448214/emi-repo 5. Deploy the App on GKE Create a GKE Cluster: gcloud container clusters create my-cluster --num-nodes=3 --zone=us-west1-a Connect to the Cluster: gcloud container clusters get-credentials my-cluster --zone us-west1-a Create a Kubernetes Deployment: Save the following as deployment.yaml: apiVersion: apps/v1 kind: Deployment metadata: name: my-express-app spec: replicas: 2 selector: matchLabels: app: my-express-app template: metadata: labels: app: my-express-app spec: containers: - name: my-express-app image: us-west1-docker.pkg.dev/gketest-448214/emi-repo/my-express-app:latest ports: - containerPort: 8090 Apply the Deployment: kubectl apply -f deployment.yaml Expose the Service: kubectl expose deployment my-express-app --type=LoadBalancer --port 80 --target-port 8090 Access the Application: Get the external IP of the LoadBalancer: kubectl get service my-express-app Visit http:///api. 6. GitHub Repository For the full project setup and Docker image creation, check the GitHub repository: build_node_server_docker_images Emi Roberti - Happy coding

   mkdir ts_express_server
   cd ts_express_server
   npm init -y

   npm install express cors
   npm install --save-dev typescript @types/node @types/express @types/cors

   {
     "compilerOptions": {
       "outDir": "./dist",
       "module": "commonjs",
       "target": "es6",
       "strict": true
     },
     "include": ["src/**/*"]
   }

   import express, { Request, Response } from "express";
   import Cors from "cors";

   const app = express();
   app.use(express.json());
   app.use(Cors());

   app.get("/api", (req: Request, res: Response) => {
     res.status(200).json({ message: "Server up " + new Date().toISOString() });
   });

   app.listen(8090, () => {
     console.log("Server listening on port 8090");
   });

   "scripts": {
     "build": "tsc",
     "start": "node dist/server.js"
   }

   npm run build

   FROM node:18-alpine
   WORKDIR /app
   COPY package*.json ./
   RUN npm install
   COPY . .
   RUN npm run build
   EXPOSE 8090
   CMD ["npm", "run", "start"]

   docker build -t emirob/emi-repo:my-express-app .

   docker tag emirob/emi-repo:my-express-app emirob/emi-repo:my-express-app
   docker push emirob/emi-repo:my-express-app

   export PROJECT_ID=gketest-448214
   gcloud config set project $PROJECT_ID

   gcloud artifacts repositories create emi-repo --repository-format=docker --location=us-west1 --description="Docker repo"

   gcloud auth configure-docker us-west1-docker.pkg.dev

   docker pull emirob/emi-repo:my-express-app

   docker tag emirob/emi-repo:my-express-app        us-west1-docker.pkg.dev/gketest-448214/emi-repo/my-express-app:latest

   docker push us-west1-docker.pkg.dev/gketest-448214/emi-repo/my-express-app:latest

   gcloud artifacts docker images list us-west1 docker.pkg.dev/gketest-448214/emi-repo

   gcloud container clusters create my-cluster --num-nodes=3 --zone=us-west1-a

   gcloud container clusters get-credentials my-cluster --zone us-west1-a

   apiVersion: apps/v1
   kind: Deployment
   metadata:
     name: my-express-app
   spec:
     replicas: 2
     selector:
       matchLabels:
         app: my-express-app
     template:
       metadata:
         labels:
           app: my-express-app
       spec:
         containers:
         - name: my-express-app
           image: us-west1-docker.pkg.dev/gketest-448214/emi-repo/my-express-app:latest
           ports:
           - containerPort: 8090

   kubectl apply -f deployment.yaml

   kubectl expose deployment my-express-app --type=LoadBalancer --port 80 --target-port 8090

   kubectl get service my-express-app

Related Posts

IntelliJ IDEA 2024.3.2 Is Out

Jan 17, 2025

SQL Server – Query Performance – Database Maintenance c...

Jan 15, 2025

How to handle talented over-working people? [closed]

Jan 17, 2025