如何通过docker调用“npm start”

以下文章讲述了如何通过docker调用 npm start 。在此过程中，我们将使用docker容器化一个简单的React应用。

Docker是一个用于运行、发布和管理应用程序的开源平台。它允许我们以与管理应用程序相同的方式来管理基础设施。

它在一种被称为容器的隔离环境中运行应用程序。容器是轻量级的，包含了运行应用程序所需的一切。多个容器可以在同一主机上运行，它们也可以安全地共享数据。

创建React应用程序：

• 步骤1： 使用以下命令创建一个React应用程序。

npx create-react-app docker-react

• 步骤2： 创建您的项目文件夹（即docker-react）后，使用以下命令进入该文件夹。

cd docker-react

• 步骤3： 在应用程序的根目录下创建一个名为 Dockerfile 的文件。

项目结构： 整体看起来如下：

编写Dockerfile： 在你的Dockerfile中写下以下代码。

FROM node:alpine
RUN mkdir /app
WORKDIR /app
COPY package.json /app
RUN npm install
COPY . /app
CMD ["npm", "start"]

说明：

• 首先，我们加载基本镜像 node:alpine 这是一个安装有node的轻量级Linux发行版。
• 然后我们将包含app的依赖的 package.json **** 文件复制到工作目录中。
• 然后我们安装依赖并将项目文件复制到工作目录中。
• 最后，我们运行命令 npm start.

创建docker镜像： 从项目的根目录运行以下命令。确保你的 docker守护进程 **** 正在运行。

docker build -t <yourname/projectname> .

运行应用程序的步骤： 从您的文件夹的根目录下使用以下命令来运行应用程序。

docker run -d -it -p 3000:3000 <yourname/projectname>

在这里，我们需要将我们的localhost端口映射到容器中的一个端口，这里是3000。

输出： 现在打开你的浏览器并访问 http://localhost:3000/ ，你将看到以下输出。