上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端，现在我要把我的修改添加到部署到本地的前端的docker容器中，然后打包这个容器成为一个本地镜像，然后把这个本地镜像上传到阿里云的容器镜像仓库，这样就方便以后的实机部署。

本地环境还是Ubuntu14-64bit没有变，其实就是上一篇文章的继续，电脑我都没关。。。

1.首先在本地部署前端的镜像，

在这个文件里，找到oj-backend，直接pull这里的image

docker pull registry.cn-hangzhou.aliyuncs.com/onlinejudge/oj_backend

让这个镜像UP启动程容器即可，来到下一步：

2.回到之前你在本地修改完的代码根目录：

这时候构建webpack 的相关文件，开发与生产环境是不一样的。

NODE_ENV=production npm run build:dll

npm run build

用上边的命令构建项目，可能需要一点时间。

3.把更改的东西注入到正在运行的那个容器里面：

docker cp ./dist 这里输入容器的ID:/app/

如何查看容器ID呢：

docker ps -a

这里可以区分一下容器和镜像，镜像是静态的就相当于光盘，是只读文件，而容器是通过镜像启动的，所以我们要把修改好的前端项目注入到正在运行的容器里面。

4.然后把容器打包建立成本地镜像

docker commit -m "提示信息" -a "作者" 容器ID 镜像名称

docker images

这样就可以看到你制作的本地镜像了。

5.现在可以开始pull到阿里云的容器镜像仓库

去阿里云那里申请一个仓库，免费的，把仓库名称写成oj-backend即可。创建成功他会给你一个页面提示你如何上传，很详细。

sudo docker login --username=你的用户名 registry.cn-beijing.aliyuncs.com
#[ImageId]是你刚才创建的镜像ID，可以docker images查一下，顺便能查到镜像版本号TAG
sudo docker tag [ImageId] registry.这里用阿里云给你提供的即可/oj-backend:[镜像版本号]
sudo docker push registry.这里用阿里云给你提供的即可/oj-backend:[镜像版本号]

TAG就是上边需要写的版本号，还有IMAGE ID就是镜像ID。

然后就会开始push完毕就成功上传了。

6.这时候去你fork的qduoj官方安装文件里，把oj-backend的image改成你的阿里云提供的公网或者私有地址，然后进行整体的部署就可以使用OJ了，怎么部署整体OJ？看这里：https://my.oschina.net/finchxu/blog/1927273

大功告成！

参考文档：

万分感谢这些大触和前辈！

https://usermanual.wiki/Document/Instructions.1857041035.pdf

https://www.cnblogs.com/lin1/p/5982969.html

https://docs.docker.com/develop/develop-images/baseimages/#create-a-simple-parent-image-using-scratch

https://www.jianshu.com/p/5b46736a57e0