如何通过 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/ ,您将看到以下输出。