docker部署前端项目保姆级教程

  1. 本地启动docker(有不会启动的吗?下载docker(小海豚)双击起来就行)

  1. 准备阿里云账号(免费)

没有就去注册一个,记住密码后面要用到

官网地址:阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台(官网注册后找不到镜像就搜索镜像服务)

  1. 在阿里云容器管理创建空间和镜像(免费),供后期存储docker build好的镜像以便在不同的服务拉取此镜像

  1. 选择个人版

docker部署前端项目保姆级教程_第1张图片
docker部署前端项目保姆级教程_第2张图片
docker部署前端项目保姆级教程_第3张图片

docker部署前端项目保姆级教程_第4张图片

创建完成后双击仓库名称就能看见操作提示

docker部署前端项目保姆级教程_第5张图片

  1. 利用docker命令登录阿里云镜像


docker login --username=aliyun5967488508 registry.cn-hangzhou.aliyuncs.com

用于登录的用户名为阿里云账号全名,密码为开通服务时设置的密码。

docker部署前端项目保姆级教程_第6张图片

  1. 并且创建一个镜像,推送到阿里云


docker build -t registry.cn-chengdu.aliyuncs.com/xx/ow:test .

注意最后一个点.不要忘记,表示执行上下文。

docker部署前端项目保姆级教程_第7张图片

另外docker一定要启动起来,否则无法build

  1. 将build好的镜像推到阿里云镜像服务


 docker push registry.cn-hangzhou.aliyuncs.com/tutuproject/jona:test

根据实际替换实际版本号和镜像地址

docker部署前端项目保姆级教程_第8张图片

登录阿里云镜像看是否push成功

docker部署前端项目保姆级教程_第9张图片

  1. 然后再需要的地方(比如本地、测试库、正式库)拉取镜像。(拉取镜像的地方需要启动docker服务)


 docker pull registry.cn-hangzhou.aliyuncs.com/tutuproject/owh5:test

  1. 启动该镜像部署完成


docker run -d -p 9345:3000 --name owh5 registry.cn-hangzhou.aliyuncs.com/tutuproject/owh5:test

启动的前面端口是宿主服务器端口,后面端口是镜像运行端口

  1. 查看镜像启动情况

docker部署前端项目保姆级教程_第10张图片
  1. 浏览器访问页面,访问方式部署位置ip+端口

你可能感兴趣的:(docker,前端,容器)