Cara membina aplikasi kontena yang boleh dipercayai dengan React dan Kubernetes

Cara membina aplikasi kontena yang boleh dipercayai menggunakan React dan Kubernetes

Dengan perkembangan pesat teknologi asli awan, aplikasi kontena telah menjadi trend hangat dalam pembangunan perisian hari ini. Sebagai rangka kerja bahagian hadapan yang popular, fleksibiliti dan kecekapan React menjadikannya pilihan pertama bagi kebanyakan pembangun. Artikel ini akan memperkenalkan cara membina aplikasi kontena yang boleh dipercayai menggunakan React dan Kubernetes, serta menyediakan beberapa contoh kod khusus.

1. Membuat Apl React
   Mula-mula, kita perlu mencipta apl React asas. Cipta Apl React boleh digunakan untuk memulakan projek React baharu. Gunakan arahan berikut:

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

Ini akan mencipta projek baharu yang dipanggil my-app dan memulakan pelayan pembangunan setempat. Selepas memastikan projek dapat berjalan seperti biasa, kita boleh meneruskan langkah seterusnya.

2. Menulis Fail Docker
   Untuk membungkus aplikasi React ke dalam bekas, kita perlu mencipta Fail Docker. Dalam direktori akar projek, cipta fail bernama Dockerfile dan tambah kandungan berikut pada fail:

   # 使用Node镜像作为基础镜像
   FROM node:14-alpine
   
   # 将工作目录设置为/app
   WORKDIR /app
   
   # 将package.json和package-lock.json复制到容器中
   COPY package*.json ./
   
   # 安装应用的依赖
   RUN npm install
   
   # 将项目文件复制到容器中
   COPY . ./
   
   # 构建React应用
   RUN npm run build
   
   # 在容器中运行React应用
   CMD ["npm", "start"]

Dockerfile ini mentakrifkan cara membina dan menjalankan imej aplikasi React. Ia menggunakan imej Alpine berdasarkan Node, mula-mula memasang kebergantungan projek, kemudian menyalin fail projek ke bekas dan menjalankan aplikasi React dalam bekas.

3. Bina imej Docker
   Dalam direktori akar projek, gunakan arahan berikut untuk membina imej Docker:

   docker build -t my-react-app .

   Ini akan membina imej bernama my-react-app berdasarkan takrifan fail Dockerfile.

4. Buat fail penggunaan Kubernetes
   Seterusnya, kami perlu mencipta fail penggunaan Kubernetes untuk menggunakan aplikasi kami. Dalam direktori akar projek anda, cipta fail yang dipanggil deployment.yaml dan tambahkan kandungan berikut pada fail:

   apiVersion: apps/v1
   kind: Deployment
   metadata:
     name: my-react-app
     labels:
    app: my-react-app
   spec:
     replicas: 1
     selector:
    matchLabels:
      app: my-react-app
     template:
    metadata:
      labels:
        app: my-react-app
    spec:
      containers:
      - name: my-react-app
        image: my-react-app
        ports:
        - containerPort: 3000

Fail ini mentakrifkan penggunaan yang dipanggil my-react-app, menggunakan yang anda baru bina my-react -cermin apl dan terdedah kepada port 3000.

5. Kerahkan aplikasi ke gugusan Kubernetes
   Dalam baris arahan, gunakan arahan berikut untuk menggunakan aplikasi ke gugusan Kubernetes:

   kubectl apply -f deployment.yaml

   Ini akan mencipta aplikasi baharu bernama my-react dalam gugusan Kubernetes seperti yang ditakrifkan dalam fail deployment.yaml -Deployment of app.

6. Sahkan bahawa apl berjalan dengan betul
   Anda boleh menyemak sama ada apl berjalan dengan betul menggunakan arahan berikut:

   kubectl get pods

   Jika semuanya baik-baik saja, anda seharusnya melihat Pod bernama my-react-app berjalan.

7. Akses aplikasi
   Akhir sekali, kami boleh mengakses aplikasi kami melalui perkhidmatan. Dalam direktori akar projek, buat fail bernama service.yaml dan tambah kandungan berikut pada fail:

   apiVersion: v1
   kind: Service
   metadata:
     name: my-react-app-service
   spec:
     selector:
    app: my-react-app
     type: LoadBalancer
     ports:
    - protocol: TCP
      port: 80
      targetPort: 3000

   Fail ini mentakrifkan perkhidmatan yang dipanggil my-react-app-service yang boleh digunakan secara luaran Permintaan dimajukan kepada kami aplikasi melalui pengimbang beban.

Buat perkhidmatan menggunakan arahan berikut:

kubectl apply -f service.yaml

Jalankan arahan berikut untuk mendapatkan alamat IP luaran perkhidmatan:

kubectl get services

Akhir sekali, anda boleh membuka aplikasi menggunakan pelayar:

http://<EXTERNAL-IP>

Dengan langkah di atas , kami telah berjaya memanfaatkan React dan Kubernetes Built aplikasi kontena yang boleh dipercayai. React menyediakan keupayaan pembangunan bahagian hadapan yang berkuasa, manakala Kubernetes menyediakan orkestrasi kontena yang boleh dipercayai dan persekitaran operasi. Gabungan mereka membolehkan kami membina, menggunakan dan mengurus aplikasi kontena dengan mudah.

Saya harap artikel ini membantu anda, dan juga menggalakkan anda untuk terus belajar dan meneroka pembangunan teknologi asli awan secara mendalam.

Atas ialah kandungan terperinci Cara membina aplikasi kontena yang boleh dipercayai dengan React dan Kubernetes. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!