とは何なのか疑問に思うかもしれません。これは、 使用して dApp プロジェクトをコンテナ化することを意味します。 DOCKERIZE Docker を Docker は、アプリケーションの開発、出荷、実行のためのオープン プラットフォームです。Docker を使用すると、 インフラ から分離して、ソフトウェアを迅速に提供できるようになります。 アプリケーションを ストラクチャ Web アプリ、API、モバイル アプリ、バックエンド サービスが含まれます。記述したコード、使用するライブラリ、実行に必要な構成が含まれます。 アプリケーションには、 インフラストラクチャには、オペレーティング システム (OS)、ネットワーク設定、Web サーバー、データベース、アプリケーションがやり取りするその他のサービスなどがあります。また、アプリケーションが実行されるハードウェアまたは仮想マシンも含まれます。 Docker を使用すると、 CONTAINER と呼ばれる緩く分離された環境内でアプリケーションを単一のエンティティとしてパッケージ化して実行できます。 容器 コンテナーは軽量で、アプリケーションの実行に必要なものがすべて含まれているため、ホストにインストールされているものに依存する必要はありません。作業中にコンテナーを共有でき、共有するすべてのユーザーが同じ方法で動作する同じコンテナーを取得できます。 たとえば、あなたと同僚が Node.js と Hardhat を使用する dApp プロジェクトに取り組んでいるとします。最初に、同僚がアプリケーションをローカルで実行する前に、同僚のシステムに Node.js と Hardhat をインストールする必要があることを承知の上で、ローカル マシンにプロジェクトをセットアップしました。ここで、同僚の 1 人が Node.js および Hardhat と互換性のないマシンを使用していると仮定します。この問題をどのように解決しますか? Docker を使用すると、アプリケーションとそのすべての依存関係を、任意のオペレーティング システムで実行できる単一のコンテナーにパッケージ化できます。これにより、ソフトウェアや依存関係を異なるマシンに個別にインストールするという問題が解決されます。 画像 アプリケーションをコンテナ化した後、どうやって実行しますか? フロントエンド開発者として、新しい React アプリを開始するときは、通常、 または を実行します。既存のプロジェクトの場合は、通常、 に続いて 実行してローカルで実行します。同様に、コンテナを実行するには、 と呼ばれるものが必要です。 npx create-react-app npm init vite@latest git pull npm install コンテナ イメージ コンテナ イメージは、コンテナ内でアプリケーションを実行するために必要なすべてのファイル、バイナリ、ライブラリ、構成を含む標準化されたパッケージです。すべてがバンドルされているため、どの環境でも一貫して実行できます。 コンテナイメージについては以下を参照してください。 実習 このセクションでは、アプリをコンテナ化して共有する方法を学習します。 前提条件 の最新バージョンをインストールしました。 Docker Desktop インストールしました。 Git クライアントを ファイルを編集するための IDE またはテキスト エディターがあります。Docker では の使用を推奨しています Visual Studio Code 。 アプリケーションをコンテナ化する ルート ディレクトリで、次のコマンド プロンプトを使用して docker を初期化します。 docker init プロンプトに答えてください ? What application platform does your project use? Node ? What version of Node do you want to use? 20.16.0 ? Which package manager do you want to use? npm ? Do you want to run "npm run build" before starting your server? No ? What command do you want to use to start the app? ["npm", "run", "dev"] ? What port does your server listen on? 5173 ディレクトリ内に 、 、 という3つの追加ファイルが表示されます。 .dockerignore compose.yaml DockerFile : Dockerfile は、イメージを組み立てるためにユーザーがコマンド ラインで呼び出すことができるすべてのコマンドを含むテキスト ドキュメントです。 Dockerfil : Compose ファイル、または ファイルは で規定されているルールに従います。 compose.yaml compose.yaml 、マルチコンテナ アプリケーションを定義する方法について、Compose 仕様 : このファイルは、ビルド コンテキストからファイルとディレクトリを除外します。 .dockerignore 内で、ファイルを消去し、以下を追加します。 Dockerfile # syntax=docker/dockerfile:1 ARG NODE_VERSION=20.16.0 FROM node:${NODE_VERSION}-alpine # Use development node environment by default. ENV NODE_ENV development WORKDIR /app # Copy package.json and package-lock.json to the working directory COPY package.json package-lock.json ./ # Install dependencies RUN npm install # Copy the rest of the source files into the image COPY . . # Change ownership of the /app directory to the node user RUN chown -R node:node /app # Switch to the node user USER node # Ensure node_modules/.bin is in the PATH ENV PATH /app/node_modules/.bin:$PATH # Expose the port that the application listens on EXPOSE 5173 # Run the application CMD ["npm", "run", "dev"] 以下を使用してコンテナ イメージを構築します。 docker build -t <your-image-name> . コンテナイメージを確認するには、Dockerデスクトップに移動し、以下に示すように をクリックします。 Images またはこのコマンドプロンプトを使用することもできます。 docker images ターミナルでコンテナイメージを確認するには イメージを実行します: docker run -p 5173:5173 <your-image-name> 次のような出力が表示されます。 > vite-project@0.0.0 dev > vite VITE v5.4.2 ready in 222 ms ➜ Local: http://localhost:5173/ ➜ Network: http://172.17.0.2:5173/ アプリケーションの共有 に またはサインインします。 Docker Hub サインアップ ボタンを選択します。 「リポジトリの作成」 リポジトリに同じコンテナ イメージ名を付けます。 が ことを確認します。 可視性 Public である を選択します。 [作成] コマンドラインを使用してDocker Hubにサインインする docker login -u <YOUR USERNAME> パスワードを入力してください 入力中にパスワードは表示されません コマンドを使用して、 イメージに新しい名前を付けます。YOUR Docker ID に置き換えます。 docker tag getting-started YOUR-USER-NAME プッシュ中に、 表示される場合があります。 denied: requested access to the resource is denied これを修正するには、 使用して再ログインし、Enter キーを押します。 docker login その後、ブラウザに移動します。 端末に コピーして入力します。 OTPを 押す 確認を イメージを再プッシュする 次のような出力が表示されます。 これは、イメージがビルドされ、レジストリにプッシュされたことを示しています。これで、チームはこのイメージをプルし、ローカル マシンでアプリケーションを実行できます。 docker デスクトップまたは の検索バーでコンテナ イメージを検索して確認できます。 docker hub トラブルシューティング : ポート競合 : ポートがすでに使用されていた場合。 エラー : ポートを使用しているプロセスを識別し、次のコマンドを使用して終了しました。 解決策 # Find the process using port 8000 lsof -i :8000 # Kill the process (replace <PID> with the actual process ID found from the previous command) kill -9 <PID> あるいは、別のポートで Docker コンテナを実行することもできます。 docker run -p 8001:8000 <your-image-name> アプリケーションを更新する アプリを更新すると、例えば構文や関数が変更されると、 Dockerデスクトップを停止し、 をクリックします Containers ポートを停止し、削除をクリックします コマンドを使用してアプリケーションを再構築します。 docker build docker build -t <your-image-name> . アプリを再実行する docker run -p 5173:5173 <your-image-name> 結論 このガイドに従うことで、アプリケーションとその依存関係をコンテナに簡単にパッケージ化し、チームと共有して、どのマシンでも簡単に実行できるようになります。これにより、コラボレーションが強化されるだけでなく、環境の設定や互換性に関連する問題も軽減されます。
