React と Google Kubernetes Engine を使用してスケーラブルなコンテナ化アプリケーションを構築する方法

React と Google Kubernetes Engine を使用してスケーラブルなコンテナ化アプリケーションを構築する方法

はじめに:
クラウド コンピューティングとコンテナ化テクノロジの発展に伴い、スケーラブルなコンテナ化アプリケーションを構築するアプリケーションの重要性はますます高まっています。 React は、人気のあるフロントエンド フレームワークとして、柔軟なユーザー インターフェイスを提供できます。 Google Kubernetes Engine (GKE) は、コンテナ化されたアプリケーションの管理と拡張に役立つ強力なコンテナ オーケストレーション プラットフォームです。この記事では、React と GKE を組み合わせてスケーラブルなコンテナ化アプリケーションを構築する方法を紹介し、具体的なコード例を示します。

本文:
1. React アプリケーションの作成
まず、フロントエンド インターフェイスとして React アプリケーションを作成する必要があります。 create-react-app を使用すると、React プロジェクトをすばやく構築できます。コマンド ラインで次のコマンドを実行します。

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

これにより、react-app という新しいプロジェクトが作成され、開発サーバーが起動します。

2. React アプリケーションを Docker 化する
次に、GKE でのデプロイと拡張のために、React アプリケーションを Docker イメージにパッケージ化します。 React アプリケーションのルート ディレクトリに、次の内容を含む Dockerfile という名前のファイルを作成します。

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

次に、コマンド ラインで次のコマンドを実行して、Docker イメージを構築します。

docker build -t my-react-app .

3. デプロイします。 to GKE
次に、アプリケーションを Google Kubernetes Engine にデプロイします。まず、Google Cloud SDK がインストールされ、設定されていることを確認します。次に、コマンドラインで次のコマンドを実行して、新しい GKE クラスタを作成します。

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

これにより、my-cluster という名前のクラスタが作成され、2 つのノードで実行されます。

次に、ローカルの Docker イメージを Google Container Registry (GCR) にアップロードする必要があります。コマンド ラインから次のコマンドを実行します。

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

[PROJECT_ID] をプロジェクト ID に置き換えます。

最後に、kubectl コマンドを使用してアプリケーションをデプロイできます。

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

4. 水平拡張
GKE を通じて、アプリケーションの水平拡張を簡単に実現できます。 kubectl コマンドを使用して、アプリケーションのレプリカの数を調整できます。

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

これにより、クラスター内で 3 つのレプリカが実行され、アプリケーションの容量と信頼性が向上します。

結論:
React と Google Kubernetes Engine を組み合わせることで、スケーラブルなコンテナ化されたアプリケーションを構築できます。 React を使用して柔軟なユーザー インターフェースを提供し、GKE を使用してコンテナ化されたアプリケーションを管理およびスケーリングします。この記事で提供されているコード例が、スケーラブルなアプリケーションの構築をすぐに開始するのに役立つことを願っています。私はあなたの成功を祈って！

以上がReact と Google Kubernetes Engine を使用してスケーラブルなコンテナ化アプリケーションを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。