📜  如何通过 docker 调用“npm start”?

📅  最后修改于: 2022-05-13 01:56:42.158000             🧑  作者: Mango

如何通过 docker 调用“npm start”?

以下文章介绍如何通过 docker 调用npm start 。在此过程中,我们将 dockerize 一个简单的 React 应用程序。

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

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

创建反应应用程序:

  • 第 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 ,它是一个轻量级的 Linux 发行版,其中安装了一个节点。
  • 然后我们复制package.json 包含应用程序依赖项的文件直接进入我们的工作。
  • 然后我们安装依赖项并将项目文件复制到我们的工作目录中。
  • 最后,我们运行命令npm start。

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

docker build -t  .

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

docker run -d -it -p 3000:3000 

在这里,我们需要将我们的localhost端口映射到容器之一,在我们的例子中是 3000。

输出:现在打开浏览器并转到 http://localhost:3000/ ,您将看到以下输出。