Docker启动前端:从零到英雄,你只需要这样做!
作为一个前端开发人员,了解代码部署到服务器的过程是非常重要的。今天,我就在docker 中安装nginx 并部署做一个简单的笔记。
首先我在某云中有个云服务器,并登陆
前言
提示:我服务器装的是Linux的,要如何安装 Docker,要如何在Docker中安装 Nginx,请自己度一下。
安装Docker可以参考
在Docker中安装 Nginx可以参考
一、确认环境?
登录后复制
sudo systemctl start docker
登录后复制
docker images
3. 安装完成后,我们可以使用以下命令来运行 nginx 容器:
登录后复制
docker run --name nginx-test -p 8080:80 -d nginx
–name nginx-test:容器名称。
-p 8080:80: 端口进行映射,将本地 8080 端口映射到容器内部的 80 端口。
-d nginx: 设置容器在在后台一直运行。
如果出现这个就说明成功了,如果8080端口已经用了,可以用其他的端口
返回的id后面要用到
二、在docker中部署nginx
1.创建如下文件:
登录后复制
mkdir -p ~/nginx/www ~/nginx/logs ~/nginx/conf
2.拷贝容器内 Nginx 默认配置文件到本地当前目录下的 conf 目录
登录后复制
sudo docker cp 容器的id:/etc/nginx/nginx.conf ~/nginx/conf
这个的容器id
可以用这个命令去查看
登录后复制
docker ps
3.新启一个端口
登录后复制
sudo docker run -d -p 8082:80 --name 容器名称 -v ~/nginx/www:/usr/share/nginx/html -v ~/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v ~/nginx/logs:/var/log/nginx nginx 最上面返回的id
查看8082端口。看到如下,就说明成功了。
4.在~/nginx/www 下就可以放前端打包构建的项目了,我这里用的是winSCP
打开浏览器,访问服务器ip:8082就可以看大如下效果
三、总结
以上都是自测可行的,仅仅作为笔记,不喜勿喷!。
可能会用到Docker start/stop/restart 命令,
登录后复制
docker start wgshtml-web
登录后复制
docker stop wgshtml-web
登录后复制
docker restart wgshtml-web
后记:再开放一个8083的端口出来
登录后复制
docker run --name nginx-test -p 8080:80 -d nginx
登录后复制
docker ps
登录后复制
mkdir -p ~/myReact/www ~/myReact/logs ~/myReact/conf
登录后复制
sudo docker cp 87c589d190e1:/etc/nginx/nginx.conf ~/myReact/conf
登录后复制
sudo docker run -d -p 8083:80 --name myreact -v ~/myReact/www:/usr/share/nginx/html -v ~/myReact/conf/nginx.conf:/etc/nginx/nginx.conf -v ~/myReact/logs:/var/log/nginx nginx