前端我的项目公布次要用到 nginx 和 node 两个镜像,可在官网的 Docker Hub 找到相应的版本拉取应用。
构建镜像
拉取官网镜像之前,可通过我的项目下的 Dockerfile
文件对将要构建的镜像进行配置,在官网镜像的根底上实现定制化。
应用 nginx 镜像公布的前端我的项目的 Dockerfile
罕用配置:
# 设置从公共仓库拉取的根底镜像、版本、别名
FROM nginx:latest
# 增加本地文件、目录或近程文件到镜像下的目录
ADD ./dist /usr/share/nginx/html
应用 node 镜像公布的前端我的项目的 Dockerfile
罕用配置:
FROM node:latest
# 设置工作文件夹用作命令执行目录
WORKDIR /usr/src/app/node
# 复制文件或目录
COPY package*.json ./
# 执行命令
RUN npm install
COPY . .
# 设置监听端口
EXPOSE 8080
# 提供默认执行入口
CMD ["node", "server.js"]
实现配置后,运行如下命令,开始构建镜像:
docker build --tag fe:latest .
运行容器
镜像构建实现后,能够通过 docker run
命令和一些参数运行容器,也能够通过 docker-compose
的配置更方便快捷地运行容器。
在前端我的项目中新建docker-compose.yml
,配置如下:
# docker-compose 版本
version: '3.8'
services:
nginx:
# 指向构建好的镜像
image: fe:latest
# 映射端口
ports:
- 8080:80
# 本地目录挂载至容器目录
volumes:
- ./dist:/usr/share/nginx/html
在前端我的项目下运行docker-compose up
,启动实现后,即可拜访前端利用。