Docker-vue-idle-game(轮回勇士传说)

[轮回勇士传说](http://couy.xyz/#/) 一个全随机的刷装备刷词条小游戏

**相关链接：**
- Demo：http://couy.xyz/#/
- GitHub：https://github.com/Couy69/vue-idle-game/
- Docker(非官方)：https://hub.docker.com/r/liwangsheng/idle-game

## docker 自构建
自构建成docker镜像(也可导出静态文件,放到任意Web服务器部署)
```bash
git clone https://github.com/Couy69/vue-idle-game/  # 拉取最新脚本(无需进入目录)
nano Dockerfile  # 创建构建文件
docker build -t vue-idle-game .  # 构建镜像

docker run -itd --name vue-idle-game -p 80:80 vue-idle-game  # 部署
```
`Dockerfile` 构建文件
```bash
# 使用多阶段构建的 Dockerfile,旨在减小最终镜像的体积
# 生成的镜像只会保留最后一个阶段的

# 使用 node:node:14.16.1 作为基础镜像(其它版本可能会失败)
# 基础镜像,as build-deps 定义阶段标签 build-deps,用于复制构建
FROM node:14.16.1 as build-deps
# 设置工作目录
WORKDIR /usr/src/vue-idle-game
# 复制项目文件到工作目录
COPY ./vue-idle-game* /usr/src/vue-idle-game
# 安装依赖,编译静态
RUN npm install --registry=https://registry.npmmirror.com \
&& npm run build
# EXPOSE 8080  # 直接运行会运行在8080
# CMD npm run serve  # 直接运行会运行在8080

# 这个阶段用于构建最终的镜像
# 基础镜像
FROM nginx:1.12-alpine
# 复制构建的后静态文件,--from=build-deps 设置复制源为 build-deps(镜像名或标签)
# 从之前的构建阶段中的 /dist 目录复制静态文件到 Nginx 的默认静态文件目录 /usr/share/nginx/html
COPY --from=build-deps /usr/src/vue-idle-game/dist /usr/share/nginx/html
# 声明容器端口80
EXPOSE 80
# 运行Nginx前台模式运行
CMD ["nginx", "-g", "daemon off;"]
# 可从 /usr/share/nginx/html 导出静态文件,放在任意Web服务器上进行部署
```

## docker run
```bash
docker run -itd --name idle-game -p 80:80 liwangsheng/idle-game
```

**相关教程：**
[巧用NAS，我成功在办公室好好摸鱼打游戏，利用docker部署了一个放置挂机的RPG游戏](https://mp.weixin.qq.com/s/vKJrJFr_dChnQeiYx3Di1A)