Docker啟動(dòng)前端：從零到英雄，你只需要這樣做！
作為一個(gè)前端開發(fā)人員，了解代碼部署到服務(wù)器的過程是非常重要的。今天，我就在docker 中安裝nginx 并部署做一個(gè)簡(jiǎn)單的筆記。
首先我在某云中有個(gè)云服務(wù)器，并登陸
前言
提示：我服務(wù)器裝的是Linux的，要如何安裝 Docker，要如何在Docker中安裝 Nginx，請(qǐng)自己度一下。 安裝Docker可以參考 在Docker中安裝 Nginx可以參考
一、確認(rèn)環(huán)境？
啟動(dòng)啟動(dòng) Docker
登錄后復(fù)制
sudo systemctl start docker
查看是否已安裝了 nginx：
登錄后復(fù)制
docker images
3. 安裝完成后，我們可以使用以下命令來運(yùn)行 nginx 容器：
登錄后復(fù)制
docker run --name nginx-test -p 8080:80 -d nginx
–name nginx-test：容器名稱。
-p 8080:80： 端口進(jìn)行映射，將本地 8080 端口映射到容器內(nèi)部的 80 端口。
-d nginx： 設(shè)置容器在在后臺(tái)一直運(yùn)行。
如果出現(xiàn)這個(gè)就說明成功了，如果8080端口已經(jīng)用了，可以用其他的端口
返回的id后面要用到
二、在docker中部署nginx
1.創(chuàng)建如下文件:
登錄后復(fù)制
mkdir -p ~/nginx/www ~/nginx/logs ~/nginx/conf
2.拷貝容器內(nèi) Nginx 默認(rèn)配置文件到本地當(dāng)前目錄下的 conf 目錄
登錄后復(fù)制
sudo docker cp 容器的id:/etc/nginx/nginx.conf ~/nginx/conf
這個(gè)的容器id
可以用這個(gè)命令去查看
登錄后復(fù)制
docker ps
3.新啟一個(gè)端口
登錄后復(fù)制
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 下就可以放前端打包構(gòu)建的項(xiàng)目了，我這里用的是winSCP
打開瀏覽器，訪問服務(wù)器ip:8082就可以看到如下效果
三、總結(jié)
以上都是自測(cè)可行的，僅僅作為筆記，不喜勿噴！。 可能會(huì)用到Docker start/stop/restart 命令，
啟動(dòng)已被停止的容器wgshtml-web
登錄后復(fù)制
docker start wgshtml-web
停止運(yùn)行中的容器wgshtml-web
登錄后復(fù)制
docker stop wgshtml-web
重啟容器容器wgshtml-web
登錄后復(fù)制
docker restart wgshtml-web
后記：再開放一個(gè)8083的端口出來
第一步
登錄后復(fù)制
docker run --name nginx-test -p 8080:80 -d nginx
第二步：查看id
登錄后復(fù)制
docker ps
在當(dāng)前目錄建一個(gè)myReact的文件夾
登錄后復(fù)制
mkdir -p ~/myReact/www ~/myReact/logs ~/myReact/conf
拷貝容器內(nèi) Nginx 默認(rèn)配置文件到本地當(dāng)前目錄下的 conf 目錄
登錄后復(fù)制
sudo docker cp 87c589d190e1:/etc/nginx/nginx.conf ~/myReact/conf
啟動(dòng)
登錄后復(fù)制
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
