Rumah > Artikel > hujung hadapan web > Cara membina aplikasi kontena boleh skala dengan React dan Google Kubernetes Engine
Cara membina aplikasi kontena berskala dengan React dan Enjin Google Kubernetes
Pengenalan:
Dengan pembangunan pengkomputeran awan teknologi kimia, membina aplikasi berskala telah menjadi semakin penting. React, sebagai rangka kerja bahagian hadapan yang popular, boleh menyediakan antara muka pengguna yang fleksibel. Google Kubernetes Engine (GKE) ialah platform orkestrasi kontena yang berkuasa yang boleh membantu kami mengurus dan mengembangkan aplikasi kontena. Artikel ini akan memperkenalkan cara menggabungkan React dan GKE untuk membina aplikasi kontena boleh skala dan memberikan contoh kod khusus.
Ibu utama:
1 Buat aplikasi React
Pertama, kita perlu mencipta aplikasi React sebagai antara muka hadapan kami. Anda boleh menggunakan create-react-app untuk membina projek React dengan cepat. Jalankan arahan berikut dalam baris arahan:
npx create-react-app react-app cd react-app npm start
Ini akan mencipta projek baharu yang dipanggil react-app dan memulakan pelayan pembangunan.
2. Dockerize aplikasi React
Seterusnya, kami akan membungkus aplikasi React sebagai imej Docker untuk penggunaan dan pengembangan pada GKE. Buat fail bernama Dockerfile dalam direktori akar aplikasi React dengan kandungan berikut:
# 使用官方的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" ]
Kemudian jalankan arahan berikut dalam baris arahan untuk membina imej Docker:
docker build -t my-react-app .#🎜🎜 #三, Letak ke GKE
Seterusnya, kami akan menggunakan aplikasi kami pada Enjin Google Kubernetes. Mula-mula, pastikan anda telah memasang dan menyediakan SDK Awan Google. Kemudian, jalankan arahan berikut dalam baris arahan untuk mencipta gugusan GKE baharu:
gcloud container clusters create my-cluster --num-nodes=2Ini akan mencipta gugusan bernama my-cluster dan menjalankannya pada dua nod. Kemudian, kita perlu memuat naik imej Docker tempatan ke Google Container Registry (GCR). Jalankan arahan berikut daripada baris arahan:
gcloud builds submit --tag gcr.io/[PROJECT_ID]/my-react-appGanti [PROJECT_ID] dengan ID projek anda. Akhir sekali, kami boleh menggunakan arahan kubectl untuk menggunakan aplikasi kami:
kubectl create deployment my-react-app --image gcr.io/[PROJECT_ID]/my-react-app4. Pengembangan mendatar
Melalui GKE, kami boleh mencapai pengembangan mendatar aplikasi dengan mudah . Kita boleh melaraskan bilangan replika aplikasi menggunakan arahan kubectl:
kubectl scale deployment/my-react-app --replicas=3Ini akan menjalankan tiga replika dalam kelompok, sekali gus meningkatkan kapasiti dan kebolehpercayaan aplikasi. Kesimpulan:
Dengan menggabungkan React dan Google Kubernetes Engine, kami boleh membina aplikasi kontena berskala. Gunakan React untuk menyediakan antara muka pengguna yang fleksibel dan gunakan GKE untuk mengurus dan menskalakan aplikasi dalam kontena. Semoga contoh kod yang disediakan dalam artikel ini akan membantu anda mula membina aplikasi berskala dengan cepat. Saya doakan anda berjaya!
Atas ialah kandungan terperinci Cara membina aplikasi kontena boleh skala dengan React dan Google Kubernetes Engine. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!