So erstellen Sie skalierbare Containeranwendungen mit React und Google Kubernetes Engine

So erstellen Sie skalierbare Containeranwendungen mit React und Google Kubernetes Engine

Einführung:
Mit der Entwicklung von Cloud Computing und Containerisierungstechnologie ist die Erstellung skalierbarer Anwendungen immer wichtiger geworden. React kann als beliebtes Front-End-Framework eine flexible Benutzeroberfläche bereitstellen. Google Kubernetes Engine (GKE) ist eine leistungsstarke Container-Orchestrierungsplattform, die uns bei der Verwaltung und Erweiterung von Containeranwendungen unterstützen kann. In diesem Artikel erfahren Sie, wie Sie React und GKE kombinieren, um skalierbare Containeranwendungen zu erstellen, und stellen spezifische Codebeispiele bereit.

Betreff:
1. Eine React-Anwendung erstellen
Zuerst müssen wir eine React-Anwendung als unsere Front-End-Schnittstelle erstellen. Sie können create-react-app verwenden, um schnell ein React-Projekt zu erstellen. Führen Sie den folgenden Befehl in der Befehlszeile aus:

npx create-react-app react-app
cd react-app
npm start

Dadurch wird ein neues Projekt namens „react-app“ erstellt und der Entwicklungsserver gestartet.

2. Dockerisieren Sie die React-Anwendung. Als Nächstes packen wir die React-Anwendung in ein Docker-Image für die Bereitstellung und Erweiterung auf GKE. Erstellen Sie im Stammverzeichnis der React-Anwendung eine Datei mit dem Namen Dockerfile mit folgendem Inhalt:

# 使用官方的node镜像作为基础
FROM node:14-alpine

# 指定工作目录
WORKDIR /app

# 将package.json和package-lock.json复制到工作目录
COPY package*.json ./

# 安装依赖
RUN npm install

# 将所有文件复制到工作目录
COPY . .

# 打包React应用
RUN npm run build

# 指定运行时命令
CMD [ "npm", "run", "start" ]

Führen Sie dann den folgenden Befehl in der Befehlszeile aus, um das Docker-Image zu erstellen:

docker build -t my-react-app .

3. Auf GKE bereitstellen

Als Nächstes erstellen wir das Docker-Image auf Google. Stellen Sie unsere Anwendung auf der Kubernetes Engine bereit. Stellen Sie zunächst sicher, dass Sie das Google Cloud SDK installiert und eingerichtet haben. Führen Sie dann den folgenden Befehl in der Befehlszeile aus, um einen neuen GKE-Cluster zu erstellen:

gcloud container clusters create my-cluster --num-nodes=2

Dadurch wird ein Cluster mit dem Namen my-cluster erstellt und auf zwei Knoten ausgeführt.

Dann müssen wir das lokale Docker-Image in Google Container Registry (GCR) hochladen. Führen Sie den folgenden Befehl in der Befehlszeile aus:

gcloud builds submit --tag gcr.io/[PROJECT_ID]/my-react-app

Ersetzen Sie [PROJECT_ID] durch Ihre Projekt-ID.

Schließlich können wir den Befehl kubectl verwenden, um unsere Anwendung bereitzustellen:

kubectl create deployment my-react-app --image gcr.io/[PROJECT_ID]/my-react-app

4. Horizontale Erweiterung

Durch GKE können wir problemlos eine horizontale Erweiterung der Anwendung erreichen. Wir können die Anzahl der Replikate der Anwendung mit dem Befehl kubectl anpassen:

kubectl scale deployment/my-react-app --replicas=3

Dadurch werden drei Replikate im Cluster ausgeführt, wodurch die Kapazität und Zuverlässigkeit der Anwendung erhöht wird.

Fazit:

Durch die Kombination von React und Google Kubernetes Engine können wir skalierbare Containeranwendungen erstellen. Verwenden Sie React, um eine flexible Benutzeroberfläche bereitzustellen, und GKE, um containerisierte Anwendungen zu verwalten und zu skalieren. Wir hoffen, dass Ihnen die in diesem Artikel bereitgestellten Codebeispiele dabei helfen, schnell mit der Erstellung skalierbarer Anwendungen zu beginnen. Ich wünsche dir viel Erfolg!

Das obige ist der detaillierte Inhalt vonSo erstellen Sie skalierbare Containeranwendungen mit React und Google Kubernetes Engine. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!