Comment créer des applications conteneurisées évolutives avec React et Google Kubernetes Engine

Comment créer des applications conteneurisées évolutives à l'aide de React et Google Kubernetes Engine

Introduction :
Avec le développement du cloud computing et de la technologie de conteneurisation, la création d'applications évolutives est devenue de plus en plus importante. React, en tant que framework frontal populaire, peut fournir une interface utilisateur flexible. Google Kubernetes Engine (GKE) est une puissante plate-forme d'orchestration de conteneurs qui peut nous aider à gérer et à développer des applications conteneurisées. Cet article explique comment combiner React et GKE pour créer des applications conteneurisées évolutives et fournit des exemples de code spécifiques.

Sujet :
1. Créer une application React
Tout d'abord, nous devons créer une application React comme interface frontale. Vous pouvez utiliser create-react-app pour créer rapidement un projet React. Exécutez la commande suivante dans la ligne de commande :

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

Cela créera un nouveau projet appelé React-app et démarrera le serveur de développement.

2. Dockeriser l'application React
Ensuite, nous allons empaqueter l'application React dans une image Docker pour le déploiement et l'expansion sur GKE. Créez un fichier nommé Dockerfile dans le répertoire racine de l'application React avec le contenu suivant :

# 使用官方的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" ]

Ensuite, exécutez la commande suivante dans la ligne de commande pour créer l'image Docker :

docker build -t my-react-app .

3. Déployez sur GKE
Ensuite, nous allons construire l'image Docker sur Google Déployez notre application sur Kubernetes Engine. Tout d’abord, assurez-vous que le SDK Google Cloud est installé et configuré. Ensuite, exécutez la commande suivante dans la ligne de commande pour créer un nouveau cluster GKE :

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

Cela créera un cluster nommé my-cluster et s'exécutera sur deux nœuds.

Ensuite, nous devons télécharger l'image Docker locale sur Google Container Registry (GCR). Exécutez la commande suivante dans la ligne de commande :

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

Remplacez [PROJECT_ID] par votre ID de projet.

Enfin, nous pouvons utiliser la commande kubectl pour déployer notre application :

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

4. Expansion horizontale
Grâce à GKE, nous pouvons facilement réaliser une expansion horizontale de l'application. Nous pouvons ajuster le nombre de répliques de l'application à l'aide de la commande kubectl :

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

Cela exécutera trois répliques dans le cluster, augmentant ainsi la capacité et la fiabilité de l'application.

Conclusion :
En combinant React et Google Kubernetes Engine, nous pouvons créer des applications conteneurisées évolutives. Utilisez React pour fournir une interface utilisateur flexible et GKE pour gérer et faire évoluer les applications conteneurisées. Espérons que les exemples de code fournis dans cet article vous aideront à commencer rapidement à créer des applications évolutives. Je vous souhaite du succès !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!