如何使用Docker构建开发环境

# 设置国内镜像站，国内提速用的，可选操作
$ sudo pacman-mirrors -i -c China -m rank# 使用 Pacman 安装 Docker
$ sudo pacman -S docker# 建立 docker 用户组。默认情况下，docker 命令会使用 Unix socket 与 Docker 引擎通讯。而只有 root 用户和 docker 组的用户才可以访问 Docker 引擎的 Unix socket。出于安全考虑，一般 Linux 系统上不会直接使用 root 用户。因此，更好地做法是将需要使用 docker 的用户加入 docker 用户组。
$ sudo groupadd docker# 将当前用户加入 docker 组，退出当前终端并重新登录后生效
$ sudo usermod -aG docker $USER# 测试是否安装成功
$ docker run --rm hello-world

$ winget install Docker.DockerDesktop

$ brew install --cask docker

$ docker --version

$ vi /etc/docker/deamon.json# 输入镜像源
{
# 只换一个源也是可以的，可以直接用字符串，而不是数组。
"registry-mirrors": [
"https://registry.docker-cn.com",
"http://hub-mirror.c.163.com",
"https://docker.mirrors.ustc.edu.cn"
],
}# :wq 保存退出后重启 docker
$ systemctl restart docker

{
"registry-mirrors": [
"https://registry.docker-cn.com",
"http://hub-mirror.c.163.com",
"https://docker.mirrors.ustc.edu.cn"
],
}

# 前端开发中，时常需要使用 shell 命令，而有一个较为完整的环境比较重要，因此选择了使用 ubuntu 作为基础，若在意容器大小的话，可自行选择适用的基础镜像
FROM ubuntu
LABEL org.opencontainers.image.authors="codebaokur@codebaoku.com"# 设置环境变量
ENV DEBIAN_FRONTEND noninteractive# 设置时区
ARG TZ=Asia/Shanghai
ENV TZ ${TZ}RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone# 用 root 用户操作
USER root# 更换阿里云源，在国内可以加快速度
RUN sed -i "s/security.ubuntu.com/mirrors.aliyun.com/" /etc/apt/sources.list && \
sed -i "s/archive.ubuntu.com/mirrors.aliyun.com/" /etc/apt/sources.list && \
sed -i "s/security-cdn.ubuntu.com/mirrors.aliyun.com/" /etc/apt/sources.list
RUN apt-get clean# 更新源，安装相应工具
RUN apt-get update && apt-get install -y \
zsh \
vim \
wget \
curl \
python \
git-core# 安装 zsh，以后进入容器中时，更加方便地使用 shell
RUN git clone https://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh && \
cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc && \
git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions && \
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting && \
sed -i 's/^plugins=(/plugins=(zsh-autosuggestions zsh-syntax-highlighting z /' ~/.zshrc && \
chsh -s /bin/zsh# 创建 me 用户
RUN useradd --create-home --no-log-init --shell /bin/zsh -G sudo me && \
adduser me sudo && \
echo 'me:password' | chpasswd# 为 me 安装 omz
USER me
RUN git clone https://github.com/robbyrussell/oh-my-zsh.git ~/.oh-my-zsh && \
cp ~/.oh-my-zsh/templates/zshrc.zsh-template ~/.zshrc && \
git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions && \
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting && \
sed -i 's/^plugins=(/plugins=(zsh-autosuggestions zsh-syntax-highlighting z /' ~/.zshrc# 安装 nvm 和 node
ENV NVM_DIR=/home/me/.nvm \
NODE_VERSION=v14RUN mkdir -p $NVM_DIR && \
curl -o- https://gitee.com/mirrors/nvm/raw/master/install.sh | bash && \
. $NVM_DIR/nvm.sh && \
nvm install ${NODE_VERSION} && \
nvm use ${NODE_VERSION} && \
nvm alias ${NODE_VERSION} && \
ln -s `npm bin --global` /home/me/.node-bin && \
npm install --global nrm && \
nrm use taobao && \
echo '' >> ~/.zshrc && \
echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.zshrc && \
echo '[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm' >> ~/.zshrc# 安装 yarn
RUN curl -o- -L https://yarnpkg.com/install.sh | bash; \
echo '' >> ~/.zshrc && \
echo 'export PATH="$HOME/.yarn/bin:$PATH"' >> ~/.zshrc# Add NVM binaries to root's .bashrc
USER rootRUN echo '' >> ~/.zshrc && \
echo 'export NVM_DIR="/home/me/.nvm"' >> ~/.zshrc && \
echo '[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm' >> ~/.zshrc && \
echo '' >> ~/.zshrc && \
echo 'export YARN_DIR="/home/me/.yarn"' >> ~/.zshrc && \
echo 'export PATH="$YARN_DIR/bin:$PATH"' >> ~/.zshrc# Add PATH for node & YARN
ENV PATH $PATH:/home/me/.node-bin:/home/me/.yarn/bin# 删除 apt/lists，可以减少最终镜像大小
RUN rm -rf /var/lib/apt/lists/*WORKDIR /var/www
编写完 Dockerfile 后，构建即可：docker build -t frontend/react:v1 .
构建完之后可以直接运行：# 以 me 身份运行，推荐方式
docker run --user=me -it frontend/react:v1 /bin/zsh# 以 root 角色运行
docker run -it frontend/react:v1 /bin/zsh

version: '2'
services:
react:
build:
context: .
dockerfile: react/Dockerfile
tty: true
ports:
- 30000:3000
volumes:
- ./react/www:/var/www
networks:
- frontend
mysql:
image: mysql:5.7
ports:
- 33060:3306
volumes:
- ./mysql/data:/var/lib/mysql
- ./mysql/docker-entrypoint-initdb.d:/docker-entrypoint-initdb.d
environment:
- MYSQL_ROOT_PASSWORD=password
networks:
- frontend# 将容器置于同一 networks 即可直接通过容器名访问
networks:
frontend:
driver: bridge

# 进入 docker-compose.yml 所在目录
$ cd frontend# 后台启动 docker-compose.yml 中所有容器，若容器没有构建则会先构建
$ docker-compose up -d# 进入 react 容器中，以便命令行交互
$ docker-compose exec --user=me react /bin/zsh

// index.js
const mysql = require('mysql')
const connection = mysql.createConnection({
host: 'mysql',
user: 'root',
password: 'password',
database: 'test',
})connection.connect();connection.query(`SELECT * FROM users`, function (error, results, fields) {
if (error) throw error;
console.log(results)
})connection.end();

$ node index.js
[ RowDataPacket { id: 1, name: 'Caster' } ]